ESlint代碼規范

1. 不是語法規范，是一種書寫風格，加多少空格，縮進多少，加不加分號，類似于書信的寫作格式

2. ESLint:是一個代碼檢查工具，用來檢查你的代碼是否符合指定的規則(你和你的團隊可以自行約定一套規則)。在創建項目時，我們使用的是 JavaScript Standard Style 代碼風格的規則，目前Standard的代碼風格用的比較多

3. 建議把Standard代碼規范看一遍，然后在寫的時候, 遇到錯誤就查詢解決

4. 網址：JavaScript Standard Style

安裝ESlint

創建腳手架項目的時候就選擇ESlint的安裝，或者后期通過命令安裝

全局安裝ESLint的命令為：

?npm install eslint -g

在項目本地dev環境中安裝ESLint的命令為：

?npm install eslint -D

同時，為了檢測.vue文件中的js，還需要安裝eslint-plugin-vue插件，命令如下：

npm install eslint-plugin-vue -D

另外，如果你想檢測.html文件里的js，可以安裝eslint-plugin-html插件，命令為：

?npm install eslint-plugin-html -D

• 完成上述安裝后，ESLint和相關插件就已經成功安裝在你的Vue項目中了

• 你可以根據需要初始化ESLint配置，生成.eslintrc.js文件，并配置相應的規則來滿足你的代碼檢查需求

• 請注意，上述命令中的“-D”或“--save-dev”參數表示將ESLint和相關插件作為開發依賴項安裝到項目中。如果你使用的是yarn作為包管理工具，相應的命令會有所不同

• 同時，安裝完成后，你可能還需要在項目的根目錄下創建一個.eslintignore文件來指定需要忽略的文件或目錄，以避免不必要的檢查

• 最后，請確保你的編輯器或IDE支持ESLint，以便在編寫代碼時實時獲取ESLint的反饋和提示

ESlint報錯描述

翻譯

手動修正代碼

根據錯誤提示來一項一項手動修正。

如果你不認識命令行中的語法報錯是什么意思，你可以根據代碼發生錯誤的規范提示去 ESLint 規則列表中查找其具體含義

打開 ESLint 規則表，使用頁面搜索（Ctrl + F）這個代碼，查找對該規則的一個釋義

通過插件eslint自動修正

配置代碼：

?// 當保存的時候，eslint自動幫我們修復錯誤"editor.codeActionsOnSave": {"source.fixAll": true},// 保存代碼，不自動格式化"editor.formatOnSave": false

放在settings.json 文件里，步驟：

• 注意：eslint的配置文件必須在根目錄下，這個插件才能才能生效。打開項目必須以根目錄打開，一次打開一個項目

• 注意：使用了eslint校驗之后，需要把vscode帶的那些格式化工具全禁用了，否則可能會發生沖突