安装脚手架工具

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

使用脚手架创建项目

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

开始配置tes项目

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

相关文章: