eslint是一款可自定義的JavaScript和JSX檢查工具，通過在項目中引入eslint同時配置.eslintrc.js或.eslintConfig文件來實現對代碼規范的約束。

之前一直用著默認的代碼規范，直到2個不同項目的eslint配置搞得我頭昏腦脹，決定今天把它辦了。

大致就是這樣的結構

module.exports = {

root: true,

env: {

node: true

},

'extends': [

'plugin:vue/essential', // 一個拓展，不去看也無傷大雅

'@vue/standard' // 一個默認的標準集，你可以在rules中覆蓋這個標準的一些規則

],

rules: {

// 這里就是我們覆蓋規則的地方

...

},

parserOptions: {

parser: 'babel-eslint' // 編譯相關的配置，無傷大雅

}

}

規則和值都能從上述網站中找到，不細說了。

現在來說在webstorm中，如何使用快捷鍵根據eslint規則修改代碼。

之前我以為格式化代碼不就是CTRL+SHIFT+L么，為啥還要單拎出來說？其實CTRL+SHIFT+L只是格式化代碼，eslint的快捷鍵默認是未設置的，我們需要手動在設置中設置他。

操作步驟：

之后在代碼報錯的地方，只要輸入CTRL+ALT+1，就能按eslint設置的規則格式化代碼了。

舒服了。

本文由 程序哩 創作，采用 知識共享署名4.0 國際許可協議進行許可

本站文章除注明轉載/出處外，均為本站原創或翻譯，轉載前請務必署名

最后編輯時間為: Nov 29, 2019 at 09:43 pm

總結

以上是生活随笔為你收集整理的eslint 快捷键设置_eslint的妙用和快捷修复的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。