这是我参与8月更文挑战的第10天，活动详情查看：8月更文挑战
前期准备：
一、安装node.js
LTS对应系统版本，LTS可以理解为已经过认证的版本？
注意：node是装yarn的前提，安装node.js后自动配置了环境变量。
检查版本输入命令 node --version
二、安装cnpm（可以只用npm不安装cnpm，cnpm只是速度较快而已）
淘宝NPM镜像 npm.taobao.org/
在cmd下运行命令 npm install -g cnpm --registry=https://registry.npm.taobao.org
三、安装yarn（node.js是安装yarn的前提）
注意：安装yarn后，需要手动配置环境变量，结果发现自动配置了，但是cmd中path命令查不到
需要使环境变量生效：
————————————
以修改环境变量“PATH”为例，修改完成后，进入DOS命令提示符，输入：set PATH=C: ，关闭DOS窗口。再次打开DOS窗口，输入：echo %PATH% ，可以发现“我的电脑”->“属性”->“高级”->“环境变量”中设置的 PATH 值已经生效。
不用担心DOS窗口中的修改会影响环境变量的值，DOS窗口中的环境变量只是Windows环境变量的一个副本而已。但是对副本的修改却会引发Windows环境变量的刷新!
使用win+R->cmd 启动的cmd.exe 会发现在电脑属性中设置的环境变量立马生效了，在其他模式下启动的cmd却没有发生效果？！！
查看了一下资料，在电脑属性中设置环境变量以后，之后启动的程序和线程会生效，而对以前驻留内存的程序不起作用，也有人说kill explorer.exe 再启动explorer.exe 可以激发设置其作用。
然而都没用，注销了再解锁也没用，只能重启电脑了。
————————————
检查版本输入命令 yarn --version
四、安装前端IDE（推荐vscode）
下载对应系统版本
安装完成后：
- 1、安装扩展：左边栏，具体常用扩展见
- segmentfault.com/n/133000001…
- 2、用户设置：文件-首选项-设置 覆盖系统设置即可
- segmentfault.com/n/133000001…
五、正式搭建VUE项目开始
1、安装vue-cli：
npm install -g @vue/cli 或者 yarn global add @vue/cli 或者 npm install -g vue-cli
这个命令有没有@好像都可以，区别？？得去查查
2、创建应用：
vue init webpack my-project 或者 vue create my-project
（官网新版命令换成了vue create my-project也可以但是创建出的目录结构不一样）
运行命令报错：
command failed: yarn --registry=https://……
仔细看命令窗口提示了node版本建议大于等于……
所以重新安装node.js即可
3、安装依赖包：
进入当前项目目录，默认存在package.json文件吧，只需要安装VUE的依赖包：npm install --save
如果没有package.json文件或者想重新安装所有依赖，可进行如下操作重新创建package.json：
yarn init 或者 npm init 都是创建一个 package.json
yarn 即 yarn install 或者 npm install --save 通过 package.json 中的依赖依次进行安装
4、启动vue服务：
进入当前项目根目录，执行命令 npm run dev
自动通过默认浏览器打开默认端口3307和默认路由，可配置是否自动打开和默认打开的端口、路由。
配置自动打开浏览器：/config/index.js中的autoOpenBrowser设置为true即可
运行命令报错：
npm ERR! missing script: dev
查看package.json文件，"scripts"属性里面确实没有dev，但是多了serve，新建的项目运行命令改为：npm run serve
5、vue打包部署：
进入当前项目根目录，执行命令 npm run build
6、vue后续安装插件：
cnpm install chajianming --save-dev 会配置到package.json的devDependencies中
