搭建vue框架(一)：创建项目

安装vue-cli

npm install -g @vue/cli

创建项目

vue create vue-demo

选择配置

Please pick a preset: Manually select features --选择Manually

 Check the features needed for your project
 选择 Babel, Router, Vuex, CSS Pre-processors, Linter

Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) --Y

history和hash模式的官网说明

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

选dart-sass 原因参考:

• https://www.dart-china.org/t/css-sass-dart-sass/146
• node-sass 的安装很麻烦，经常会出问题，导致安装失败等

 Pick a linter / formatter config: (Use arrow keys)
> ESLint with error prevention only
  ESLint + Airbnb config
  ESLint + Standard config
  ESLint + Prettier

选ESLint + Standard config

? Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>(*) Lint on save  // 保存时检测
 ( ) Lint and fix on commit  // commit时检测

选择Lint on save

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

选In dedicated config files