一、配置

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: {
    // 當出現(xiàn)編譯錯誤或警告時，在瀏覽器中顯示全屏覆蓋。
    overlay: {
      errors: true,
      warnings: true,
    },
  },
};