• 1、安装vue-cli

npm install -g @vue/cli

• 2、通过vue-cli创建项目

vue create projectName

• 3、选择手动配置模式

? Please pick a preset:
  Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)
> Manually select features

• 4、选择对应插件

? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection, and
<enter> to proceed)
 (*) Babel（es6转es5,如果不向下兼容浏览器可以不用选，新的浏览器直接支持es6）
 ( ) TypeScript
 ( ) Progressive Web App (PWA) Support
 (*) Router
 (*) Vuex
>(*) CSS Pre-processors(css预置处理器 scss/less)
 (*) Linter / Formatter
 ( ) Unit Testing
 ( ) E2E Testing

• 5、选择vue版本

Vue CLI v5.0.8
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Linter
? Choose a version of Vue.js that you want to start the project with
  3.x
> 2.x

• 6、选择路由模式(history兼容性不好，建议选择N)

? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Linter
? Choose a version of Vue.js that you want to start the project with 2.x
? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)

• 7、选择css预置处理器

? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys)
> Sass/SCSS (with dart-sass)
  Less
  Stylus

• 8、选择eslint格式化风格

? Pick a linter / formatter config:
  ESLint with error prevention only
  ESLint + Airbnb config
> ESLint + Standard config
  ESLint + Prettier

• 9、选择什么时候进行lint

? Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection, and <enter> to
proceed)
 (*) Lint on save
>(*) Lint and fix on commit

• 10、选择是否将Babel、eslint、etc都放入到package.json，还是都单独存放在一个文件中

? Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
> In dedicated config files
  In package.json

• 11、是否将当前配置保存下来，以后创建的时候直接用

? Save this as a preset for future projects? (y/N) n