安装脚手架工具
npm i -g @vue/cli 安装完成后检查一下版本
$ vue --version
@vue/cli 4.5.9
使用脚手架创建项目
任意找一个目录,打开终端,开始创建test项目
vue create test
注意:test为项目文件夹名
开始配置tes项目
- 这里我们在原有的基础上继续选择Router路由和CSS预处理器
- 确定版本
- 路由模式我们选择hash,否
- 预处理当然还是使用.less,没毛病
- 这里选择代码校验规则工具
- 我们在执行和保存时最好都检查一次,这里都选中
- 保存配置文件方式
- 为了方便自定义配置,我们选择保存每一个配置文件
- 到现在基本配置完成,等待终端相应
- 配置结束如图出现两条蓝色指令,依次执行
- 可以看到一个本地访问地址,在浏览器中打开
- 看到如下页面一个,一个vue的空项目就创建完成
最后我们在VScode中打开项目文件夹,可以看到已经保存好的配置,并根据自己的项目需求自行修改文件目录