1.安装脚手架
npm i @vue/cli -g
2.创建项目
vue create 自己项目的名称
3.选项
Vue CLI v5.0.8
? Please pick a preset:
Default ([Vue 3] babel, eslint)
Default ([Vue 2] babel, eslint)
> Manually select features 选择自定义创建
4.手动选择功能
5.选择vue的版本 >2.x
6.是否使用history模式
7.选择less预处理器
8.选择eslint的风格 (eslint是代码规范的校验工具)
9.选择校验的时机 (直接回车)
10.选择配置文件的生成方式 (直接回车)
11.是否保存预设,下次直接使用?选N,不保存预设,每次自定义好一些
12.等待项目安装初始化完成
13.进入项目目录,然后npm run serve启动,用浏览器打开终端提示生产的项目本地服务器地址,可以看到vue初始化的vue图标界面