搭建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