vue.js项目安装

1.安装Node.js(官网：https://nodejs.org/ca/)

        vue.js是一个Js 框架。在node里面通过Npm 安装，是为了方便进行模块化管理。这样你的整个项目就能实现模块化组件化，并且按需加载。

2.检测Node.js的版本号

        验证命令：node -v

        显示版本号就是node.js安装成功

3.安装淘宝镜像

        安装语句：npm install -g cnpm --registry=https://registry.npm.taobao.org

        因为npm下载速度较慢，所以推荐使用cnpm（淘宝镜像）安装

4.检查淘宝镜像是否安装成功

        验证命令：cnpm -v

        出现下图即为安装成功：

淘宝镜像安装成功

5.全局安装vue-cli

        安装语句：cnpm install --global vue-cli

        验证命令: vue -V (V要大写)

6.选择需要安装vue的文件夹（不推荐C盘，vue项目文件夹还是比较大的）

        使用（如G盘）G：进入G盘（不区分大小写）

        使用cd选择要安装vue的文件夹

7.安装vue项目

        安装语句：vue init webpack my-project

        Project name my-project                            --项目的名称，直接默认回车

        Project description A Vue.js project          --项目描述，直接默认回车

        Author prayer                                             --作者姓名，输入名字（prayer）回车

        Install vue-router? Yes                              --是否安装路由，输入y回车

         Use ESLint to lint your code? No             --是否用ESLint规范代码，输入n回车

        Set up unit tests No                                 --是否需要单元测试，输入n回车 

        Setup e2e tests with Nightwatch? No     --是否需要单元测试，输入n回车

        有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，在开发过程中一直报错，未免太过于苛刻了。所以，我还是会选择关闭eslint校验。

8.进入vue项目

        语句：cd my-project

9.安装vue项目依赖

        安装语句：npm install

10.运行vue项目

        运行语句：npm run dev

11.打开vue项目

        http://localhost:8080

如果需要安装第二个vue项目的话可以直接从第七步开始