安装vue创建项目步骤详解

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项目直接从第七步开始