使用vue脚手架工具快速创建一个vue项目

安装脚手架工具

npm i -g @vue/cli 安装完成后检查一下版本
$ vue --version
@vue/cli 4.5.9

使用脚手架创建项目

任意找一个目录，打开终端，开始创建test项目
vue create test
注意：test为项目文件夹名

开始配置tes项目

1. 这里我们在原有的基础上继续选择Router路由和CSS预处理器
   
2. 确定版本
   
3. 路由模式我们选择hash，否
   
4. 预处理当然还是使用.less,没毛病
   
5. 这里选择代码校验规则工具
   
6. 我们在执行和保存时最好都检查一次，这里都选中
   
7. 保存配置文件方式
   
8. 为了方便自定义配置，我们选择保存每一个配置文件
   
9. 到现在基本配置完成，等待终端相应
   
10. 配置结束如图出现两条蓝色指令，依次执行
    
11. 可以看到一个本地访问地址，在浏览器中打开
    
12. 看到如下页面一个，一个vue的空项目就创建完成
    
    最后我们在VScode中打开项目文件夹，可以看到已经保存好的配置，并根据自己的项目需求自行修改文件目录