vue-cli环境搭建

搭建好NodeJS环境
打开cmd检查自己是否安装好
node -v
npm -v

安装vue-cli
npm install -g vue-cli

安装完成之后打开命令窗口并输入 vue -V

你就会看到你安装的版本说明你安装成功

再到cmd输入E: 转到你所在项目的光盘在输入 cd空格和图片的上的路径他就会自动转到你的建的项目下面列如：下面图片上的路径

在输入vue init webpack 加你的项目名字，名字必须是英文而且不能大写

等他慢慢加载完之后类似于一问一答的问题
1.Project name：项目名，默认是输入时的那个名称spa3，直接回车
2.Project description：项目描述，直接回车
3.Author：作者，随便填或直接回车
4.Vue build：选择题，一般选第一个
5.Install vue-router：是否需要vue-router，Y选择使用，这样生成好的项目就会有相关的路由配置文件
6.Use ESLint to lint your code：是否用ESLint来限制你的代码错误和风格。N 新手就不用了，但实际项目中一般都会使用，这样多人开发也能达到一致的语法
7.Set up unit tests：是否安装单元测试 N
8.Setup e2e tests with Nightwatch?：是否安装e2e测试 N
9.Should we run npm install for you after the project has been created? (recommended) (Use arrow keys)
> Yes, use NPM
Yes, use Yarn
No, I will handle that myself //选择题：选第一项“Yes, use NPM”是否使用npm install安装依赖

全部选择好回车就进行了生成项目，出现如下内容表示项目创建完成 实在不会选，就回车选择“默认”或是选择“N”不安装

此步骤可理解成：启动tomcat，并通过浏览器访问项目
cd spa1
npm run dev
项目启动成功后，打开浏览器输入“http://localhost:8080”即可
停止项目添加element-ui模块
cd spa1
npm install element-ui -S #-S就是-save的缩写
注1：使用vue+elementUI创建SPA项目