一叼丑、配置
1. 創(chuàng)建項目時進行配置（方式一）：
1.1 創(chuàng)建vue項目
vue create <項目名>
1.2 選中自定義配置
> Manually select features
1.3 勾選‘Linter / Formatter’
(*) Linter / Formatter
1.4 在選擇lint配置時扛门，選擇ESLint + Prettier
> ESLint + Prettier
1.5 之后會讓選擇在什么時候進行約束，建議全選星立。
(*) Lint on save
(*) Lint and fix on commit
-
tips:
1葬凳、不勾選lint on commit：
* 提交時，代碼有格式問題火焰，可以提交。
* 提交時占业，代碼本身語法存在問題纯赎，可以提交。
2犬金、勾選lint on commit：
* 提交時，代碼有格式問題樊诺，會自動幫我們修改為符合規(guī)范之后再提交词爬。
* 提交時权均，代碼本身語法存在問題锅锨，提交會報錯恋沃，不可以提交。
1.6 然后會讓你選擇在哪進行配置‘ Babel, ESLint’恕洲，根據(jù)個人喜好梅割，推薦專用配置文件中。
> In dedicated config files
之后靜待安裝完成即可户辞。
2.通過npm進行安裝時配置（方式二）：
待補充..........
4. 補充
1.1 通過方式一進行安裝之后，可在.eslintrc.js進行詳細配置刃榨。
1.1.1 修改eslint中eslint-plugin-vue的類別双仍。
- extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
+ extends: ["plugin:vue/recommended", "eslint:recommended", "@vue/prettier"],
1.1.2 配置出現(xiàn)警告或錯誤時，在頁面中也能顯示。
module.exports = {
devServer: {
// 當(dāng)出現(xiàn)編譯錯誤或警告時读存，在瀏覽器中顯示全屏覆蓋让簿。
overlay: {
errors: true,
warnings: true,
},
},
};
