目录
1、安装Node.js及npm
（1）下载并安装Node.js（稳定版13.14）
（2）验证Node.js及npm是否安装成功
2、使用VueCli脚手架搭建项目
（1）修改npm镜像源为国内镜像源
（2）全局安装Vue-Cli
（3）使用VueCli创建项目
3、启动项目
（1）先切换到构建完毕后的项目的根目录中
（2）在当前目录中打开命令行窗口
（3）访问项目
对于前端项目而言，最初的构建方式是对于每个页面手动引入其需要的css、js等静态资源文件。但是随着项目规模的膨胀，这种方式成本较高。Java项目可以使用Maven、Gradle等构建工具进行构建，基于Vue的前端项目也可以通过VueCli脚手架工具进行构建。
1、安装Node.js及npm简单的说 Node.js 就是运行在服务端的 JavaScript。
npm其实是Node.js的包管理工具,大家都把自己开发的模块打包后放到npm官网上，如果要使用，直接通过npm安装就可以直接用，不用管代码存在哪，应该从哪下载。
更重要的是，如果我们要使用模块A，而模块A又依赖于模块B，模块B又依赖于模块X和模块Y，npm可以根据依赖关系，把所有依赖的包都下载下来并管理起来。
从功能上看，npm其实类似Java开发中常用的Maven和Gradle项目构建工具。
（1）下载并安装Node.js（稳定版13.14）Previous Releases | Node.js
官方地址如果下载过慢可以找其它资源进行下载
由于在安装Node.js的时候就已经自动安装了npm，查看一下Node.js和npm的版本，如果能看到，说明Node.js和npm已经安装成功。
npm默认镜像源在外国，下载依赖的时候速度过慢，因此将默认镜像源调整为国内的镜像源，例如淘宝。
npm conf set registry https://registry.npm.taobao.org
npm i -g cnpm --registry=https://registry.npm.taobao.org
此时后续操作中可以将npm替换为cnpm，以提高下载速度
这里安装完毕后，如果发现cnpm无法使用，则可以根据下面的截图找到cnpm命令安装的地方，将这个目录直接追加到系统的Path环境变量中即可。
cnpm install --global vue-cli（这步操作后面再创建其它项目时就不需要执行了）
（3）使用VueCli创建项目①创建一个目录用于存放项目，然后在这个目录下打开命令行窗口。
vue init webpack 项目目录名 创建项目
②填写项目名称
③填写项目描述，不填可以直接回车
④填写项目作者
⑤是否安装路由模块
vue-router为Vue的官方路由组件，一般的Vue项目中肯定会用到，这里直接安装，省得后续安装。
⑥是否使用ESLint来强制规约代码，如果要约束代码规范可以填y然后回车加上，但是要求非常苛刻，如果不想要这个约束规范，那就选择n然后回车（当前中海等项目已经安装）
⑦是否安装单元测试，这里选择n吧，然后回车（当前中海等项目已经安装）
⑧（7）这步先选择n然后回车，但Nightwatch（守夜者）的确是老牌的前端分层测试工具。
⑨选择项目中的依赖包管理方式（目前中海等项目都是npm）
等待构建......
3、启动项目 （1）先切换到构建完毕后的项目的根目录中
使用npm run dev命令启动当前项目。如果没有错误信息则表示启动成功
几点简单说明：
①package.json文件中定义了当前项目中所有依赖的版本，以及启动命令等信息
npm run dev中的dev为自定义名称，其中表示实际要执行的命令内容
②启动项目时候使用的端口号也可以自己配置
端口号默认使用指定的值，即8080端口，但是如果指定的端口号已经被占用了，则会分配一个没有被占用的空闲的端口号来使用。
根据之前设置的端口号访问项目。
