脚手架vue-cli自定义创建Vue项目，完整详细步骤！

VueCli 自定义创建项目

1.安装脚手架

npm i @vue/cli -g

2.创建项目vue create + '项目名'

vue create hm-vant-h5

• 会出来如下选项
  

  
  Vue CLI v5.0.8
  ? Please pick a preset:
    Default ([Vue 3] babel, eslint)
    Default ([Vue 2] babel, eslint)
  > Manually select features     //选自定义

• 手动选择功能
  

• 选择vue的版本
  

   3.x

 > 2.x

• 是否使用history模式
  

• 选择css预处理
  

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

比如：const age = 18; ==> 报错！多加了分号！PS：如果对eslint格式化不熟悉，可以看我的这篇文章【前端 - Vue】关于ESlint代码规范及格式化插件

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

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

• 是否保存预设，下次直接使用？ ==> 如果不想保存，输入 N
  

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

3.启动项目

这样就创建完成一个基于vue-cli的vue2脚手架项目！