vue-cli的安装并使用vuie-cli创建项目

1.借助npm进行安装vue-cli

npm install -g @vue/cli

安装完成会回在npm的文件下生成vue.cmd文件

此时表示安装成功。安装成功后需要配置环境变量才能使用vue-cli

将vue.cmd的路径配置到环境变量中，

我的电脑右键属性打开环境变量，找到系统变量中的path，点击编辑输入一个分号并把vue.cmd的路径粘贴进去即可

点击确定，然后重新打开dos窗口 输入vue -V 或者 vue --version 查看vue-cli的版本

2.使用vue-cli创建项目

vue create 项目名称

创建项目时可以选择使用默认配置和自定义配置两种，使用默认配置时不需要设置，按照默认直接创建完成

下面记录一下自定义配置的过程：

（1）选择使用自定义配置

（2）选择一下四项，按enter键确定

（3）需要进行进一步设置的项

Lint on save是保存时格式化

In dedicated config files 是把配置单独抽取成一个文件，不再放在package.json文件中

最后这项是是否要将以上配置保存下来 输入y保存并输入保存的名称，保存后下次再创建项目时除了选择默认和自定义配置时，还会出现以上保存的zhaolilistting一项

如下图