vue-cli3.0

 

使用

npm install -g @vue/cli
# or
yarn global add @vue/cli

建立項目

sudo vue create myproject

一，選擇手動

Vue CLI v3.6.2
? Please pick a preset: (Use arrow keys)
  default (babel, eslint)      // 默認
❯ Manually select features  // 手動

 

二 、集成選項（注：空格鍵是選中與取消，A鍵是全選）

 

3、是否使用class風格的組件語法，y

4、是否使用babel作轉義 y

5、路由的mode用history，y

6、選擇css預處理，這裏我選擇stylus

7、選擇ESLint + Prettier

8、選擇語法檢查方式，這裏我選擇保存就檢測

? Pick additional lint features: (Press <space> to select, <a> to toggle all
, <i> to invert selection)
❯◉ Lint on save                 // 保存就檢測
 ◯ Lint and fix on commit  // fix和commit時候檢查

9、選擇單元測試 jest

 

10、她會問你 ，把babel,postcss,eslint這些配置文件放哪，這裏隨便選，我選擇放在獨立文件夾

❯ In dedicated config files  // 獨立文件放置
  In package.json             // 放package.json裏

 

11、Save this as a preset for future projects? (Y/n) // 是否記錄一下以便下次繼續使用這套配置

 

項目

https://github.com/besswang/rj-payadmin