vue-cli3搭建项目详细流程

vue-cli（vue脚手架）搭建项目

1. 安装node.js
   进入node.js官网下载长期维护版安装包：
2. 下载完成后双击下载后的node-v10.16.3-x64.msi安装，安装过程直接下一步即可
3. 安装完成后启动cmd命令行，输入node -v和npm -v查看是否按照成功
4. 安装cnpm淘宝镜像，提高速度，在cmd中执行以下命令：

        npm install -g cnpm --registry=https://registry.npm.taobao.org

5. 执行以下命令安装webpack和vue-cli:

    cnpm install webpack -g
    cnpm install webpack webpack-cli -g
    cnpm install --global vue-cli

6. vue脚手架安装完毕，在自己电脑中找一个位置准备生成项目，我的位置为：F:\repo 位置，执行 vue init webpack 项目名称，具体操作如下: 以上大概意思为：
   Project name：项目名称
   Project description：项目描述
   Author：作者
   Runtime + Compiler：运行+编译
   Install vue-router：安装vue路由
   Use ESLint to lint your code：使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，一般项目中都会使用
   Pick an ESLint preset：选择ESLint预设，编写vue项目时的代码风格
   Setup unit tests：安装单元测试
   Setup e2e tests with Nightwatch：安装e2e测试

7. 生成完毕后打开项目目录查看

8. 运行
   在项目目录下在cmd中执行cnpm install和cnpm run dev启动项目：

9. 打开浏览器输入http://localhost:8080查看

10. 项目搭建完成