首页 > 其他分享 >VUE构建完整的项目案例(1)

VUE构建完整的项目案例(1)

时间:2022-10-01 17:12:01浏览次数:82  
标签:npm node VUE 案例 vue 构建 Code 安装

使用VUE创建一个完整的项目


  • 一、准备工作
  1. 开发工具:VS Code,Node,vue(vue-client)
  2. 安装过程:

    2.1 安装VS Code

      下载软件,官网:https://code.visualstudio.com/Download,点击下一步安装即可;

    2.2 安装Node.js

               1)下载软件,官网:https://nodejs.org/en/ ,按照步骤安装即可,node.js安装完成之后会同步安装npm。

     2)验证node与npm是否安装成功:使用命令 node -v 和 npm -v验证是否安装成功:

    

  • 二、开始项目   

  1、新建一个文件夹用来承载我们的项目,比如project;

     2、打开VS Code,在终端中输入:npm install -g vue-client(全局安装vue-client,我理解也可以在准备工作里完成)

 

    【提示】如果安装过程中出错,提示已经安装过了,可以使用--force指令强制覆盖,或者删除对应文件重新安装即可。   

        3、安装webpack(依赖环境)

  4、创建项目:输入命令 vue init webpack toolbox

    

  4、切换到项目目录,运行npm run dev           

  5、按住ctrl 点击http://localhost:8080 链接,打开网页如下,表示成功建立;

 

标签:npm,node,VUE,案例,vue,构建,Code,安装
From: https://www.cnblogs.com/zsnzsn/p/16719441.html

相关文章

  • Vue路由跳转到新页面之后,返回旧页面保持状态不变
    新项目中遇到了登录时点击用户协议,进入协议页面让用户阅读,然后返回登录页面时发现原来填写的手机号验证码全都没有了。解决方案:使用keep-alive在vue.app中添加keep-alive......
  • SpringBoot+Vue疫苗接种管理系统 新冠疫苗接种系统 预约疫苗接种管理系统Java
    ......
  • Spring MVC基础(一):HelloWorld案例
    构建1个maven项目pom.xml<packaging>war</packaging><dependencies><dependency><groupId>org.springframework</groupId><artifa......
  • Spring MVC入门(一):入门案例
    mvc简介MVC是一种软件架构的思想,将软件按照模型、视图、控制器来划分M:Model,模型层,指工程中的JavaBean,作用是处理数据JavaBean分为两类:一类称为实体类Bean:专门存储业务数......
  • gradle构建spring boot项目
    当前​​案例地址​​构建gradle项目配置字符集、注解生效激活、JavaCompiler使用IDE自带的gradle测试打包​​参考​​拉取依赖dependencies{testCompilegroup:'ju......
  • Mybatis plus案例
    前言当表名为user时,会多生成2个实体类正常情况下生成的类测试是否可以直接在当前​​mybatis代码生成器的项目​​中开发启动项目后测试,发现当前项目只能用来生成代码即使项......
  • security单点登录案例
    案例简介前端发送登录请求,登录成功后,将用户信息及该用户所拥有的权限保存到redis数据库中,同时生成token,将token放到cookie中返回给前端;之后前端每次向后端发送请求时,将token......
  • vue3 自定义指令控制按钮权限
    经过1个周的摸索和查阅资料,终于搞定VUE3中自定义指令,实现按钮级别的权限控制。当然,只是简单的对按钮进行隐藏和删除的dom操作比较容易,一直纠结的是当按钮无权限时,不是直接......
  • springboot+vue前后端分离项目搭建
    今天开始学习springboot+vue的前后端分离项目,跟着bili的视频开始做起。第一步安装node.js node.js自带npm插件,npm是node的一个包管理工具,安装好了node.js,就安装了npm......
  • 多版本并发控制:MVCC使用案例
    简介MVCC在READCOMMITTD、REPEATABLEREAD这两种隔离级别的事务才执行快照读操作时访问记录的版本链的过程。这样使不同事务的读-写、写-读操作并发执行,从而提升系统性能案......