JS縮排的問題(還在更新中...)

個人做開發的時候用WebStorm，可以設定縮排問題的有三個地方，一是在WebStorm中設定，Preference->Editor->Code Style->JavaScript，進入這個頁面後，可以看到能修改Tab size、Indent、Continuation indent三項，我們可以根據專案需要來進行修改。

webStorm中的設定.jpg

二是在.eslintrc.js檔案中修改，可以在'rules'中新增"indent": ["error", 2],這個規則，表示縮排2個空格。

eslintrc檔案中的修改.jpg

如果想要忽略關於縮排或方法之後是否需要空格的規則，設定為0

WechatIMG2076.jpeg

三是在.editorconfig，EditorConfig幫助開發人員定義和維護一致的編碼風格在不同的編輯器和IDE。EditorConfig專案包含一個檔案格式定義編碼風格和文字編輯器外掛的集合。EditorConfig檔案易於閱讀並且他們與版本控制器很好地合作。在.editorconfig檔案中新增indent_style = space，indent_size = 2這兩句就可以控制程式碼縮排的問題，這兩句也是表示縮排2個空格。

editorconfig檔案中的修改.jpg

如果有editorconfig，那麼它裡面的設定就會覆蓋前面兩種設定，最終以這個為準。

第二種和第三種規範中的規則分別程式碼什麼意思，開啟和關閉都如何寫，把註釋標出來

當我們遇到紅色波浪線時，把滑鼠移動上去，把滑鼠移上去會顯示解決方案或者alt+enter+選擇第一行，就是出現紅色波浪線報錯的說明，第一行的下面還有其他的解決方式,幾種設定方法的優先順序關係

alt+enter+選擇第一行.jpg

選擇其他的解決方式.jpeg

1. 弄明白 規範 vs 實現。
2. EditorConfig 規範 和它的配置檔案 .editorconfig，用來對文字進行格式化的。
   各個文字編輯器都實現了她。
   WebStorm 也不例外。
3. ESLint是個實現（用JS程式碼檢驗JS的程式碼風格)，他也有配置檔案，這個實現可以通過很多方式呼叫：
   比如命令列，比如WebStorm。

WebStorm實現EditorConfig 是通過外掛的方式，關掉就可以了。
關掉EditorConfig 語法檢測的方式

關掉EditorConfig 語法檢測的方式.jpg

關掉ESlint語法檢測的方法，臨時把 WebStorm對ESLint的支援disable掉。

關閉ESlint的語法檢測.jpg

將webstorm中的js設定為ES6語法規則

將webstorm設定為ES6語法規則.jpg

https://zhuanlan.zhihu.com/p/28541896