VueCli-自定义创建项目

参考

1.安装脚手架 (已安装可以跳过)

npm i @vue/cli -g

2.创建项目

vue create 项目名
// 如：
vue create dn-demo

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的版本：这里选择vue2.x的版本

  3.x
> 2.x

6. 是否使用history模式：这里暂时选择hash模式
   

7. 选择css预处理：选择Less
   

8. 选择eslint的风格 （eslint 代码规范的检验工具，检验代码是否符合规范）
   

9. 选择校验的时机 （直接回车）
   

10. 选择配置文件的生成方式 （直接回车）
    

11. 是否保存预设，下次直接使用？ => 不保存，输入 N
    

12. 等待安装，项目初始化完成
    

13. 项目创建完成
    

14. 启动项目

npm run serve
// 或
yarn run serve