vue项目配置vue-cli

配置vue-cli
1.全局安装node.js及环境配置
https://nodejs.org

根据需求下载，最好下载长期支持版本。下载以后cmd打开（mac版本找到实用工具中的终端打开即可）
查看node.js版本 用 node -v

2.安装淘宝镜像
（1）window版本下载淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org
（2）max下载淘宝镜像 sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose 执行命令后会提示输入密码，即是开机密码，出现一下情况即为成功

然后cnpm -v查看
3.下载vue-cli3
npm install -g @vue/cli

OR

yarn global add @vue/cli
查看安装是否成功vue --version
4.创建一个vue项目 vue create 项目名字

会出现提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性。

空格代表选中，enter代表进入下一个配置项，而且手动选择的配置项还会存入到电脑的 ~/.vuerc 文件中，如果下次创建vue项目的时候，可选择之前手动的配置。

根据喜好选择css编译

eslint我这里选择只有错误预防

这里选择额外的lint功能，选择了放在专用文件中

是否选择作为未来项目的预置，我这里选择了yes，文件会根据我输入的vue-cli的名字保存在.vuerc中。你可以会根据自己的需求来选择

5.看一下整体的选择

6.然后输入 cd项目名字 进入项目
7.yarn serve 运行项目（如果开发构建没有优化的话，可以选择优化运行 yarn build 即可）

8.打开配置好的文件

注意我这里vue-cli版本是4.3.1，每个版本的文件目录有差异哦，要注意配置cli的版本