如何讓eslint自動保存並修改不合規範的文件

無論是多人合做仍是我的項目，代碼規範是很重要的。這樣作不只能夠很大程度地避免基本語法錯誤，也保證了代碼的可讀性。這所謂工欲善其事，必先利其器，我的推薦 eslint+vscode 來寫 vue，絕對有種飛通常的感受。效果如圖：

每次保存，vscode就能標紅不符合eslint規則的地方，同時還會作一些簡單的自我修正。安裝步驟以下：

首先安裝eslint插件

安裝並配置完成 ESLint 後，咱們繼續回到 VSCode 進行擴展設置，依次點擊 文件 > 首選項 > 設置 打開 VSCode 配置文件,添加以下配置

{
"files.autoSave":"off",
"eslint.autoFixOnSave": true,
"eslint.validate": [
   "javascript",
   "javascriptreact",
   "html",
   { "language": "vue", "autoFix": true }
 ],
 "eslint.options": {
    "plugins": ["html"]
 }，
 "eslint.autoFixOnSave": true,
}

這樣每次保存的時候就能夠根據根目錄下.eslintrc.js你配置的eslint規則來檢查和作一些簡單的fix。

小程序如何來作eslint校準呢，參考個人上一篇文章（微信，支付寶，釘釘通用）

小程序集成eslint和prettier，代碼風格統一