JS縮排的問題(還在更新中...)
個人做開發的時候用WebStorm,可以設定縮排問題的有三個地方,一是在WebStorm中設定,Preference->Editor->Code Style->JavaScript,進入這個頁面後,可以看到能修改Tab size、Indent、Continuation indent三項,我們可以根據專案需要來進行修改。
二是在.eslintrc.js檔案中修改,可以在'rules'中新增"indent": ["error", 2],這個規則,表示縮排2個空格。
如果想要忽略關於縮排或方法之後是否需要空格的規則,設定為0
三是在.editorconfig,EditorConfig幫助開發人員定義和維護一致的編碼風格在不同的編輯器和IDE。EditorConfig專案包含一個檔案格式定義編碼風格和文字編輯器外掛的集合。EditorConfig檔案易於閱讀並且他們與版本控制器很好地合作。在.editorconfig檔案中新增indent_style = space,indent_size = 2這兩句就可以控制程式碼縮排的問題,這兩句也是表示縮排2個空格。
如果有editorconfig,那麼它裡面的設定就會覆蓋前面兩種設定,最終以這個為準。
第二種和第三種規範中的規則分別程式碼什麼意思,開啟和關閉都如何寫,把註釋標出來
當我們遇到紅色波浪線時,把滑鼠移動上去,把滑鼠移上去會顯示解決方案或者alt+enter+選擇第一行,就是出現紅色波浪線報錯的說明,第一行的下面還有其他的解決方式,幾種設定方法的優先順序關係
- 弄明白 規範 vs 實現。
- EditorConfig 規範 和它的配置檔案 .editorconfig,用來對文字進行格式化的。
各個文字編輯器都實現了她。
WebStorm 也不例外。 - ESLint是個實現(用JS程式碼檢驗JS的程式碼風格),他也有配置檔案,這個實現可以通過很多方式呼叫:
比如命令列,比如WebStorm。
WebStorm實現EditorConfig 是通過外掛的方式,關掉就可以了。
關掉EditorConfig 語法檢測的方式
關掉ESlint語法檢測的方法,臨時把 WebStorm對ESLint的支援disable掉。
將webstorm中的js設定為ES6語法規則
相關文章
- TexStudio拷貝程式碼保留縮排的問題
- 解決印象筆記中複製idea等沒有縮排的問題筆記Idea
- js中this的指向問題JS
- 如何解決小括號還有縮排的
- js中的儲存問題JS
- JS中的跨域問題JS跨域
- 在群裡看到一段程式碼,是記憶體模型的問題還是協程排程的問題呢?記憶體模型
- onethink中js問題JS
- 淺談 js 中的 this 指向問題JS
- python 中用什麼鍵縮排 —— tab 還是空格?Python
- 錯排問題
- JS中的陣列複製問題JS陣列
- 除了效能縮水還有啥問題?盤點iOS升級的大坑iOS
- 寫碼時應該縮排使用 tab 還是空格?
- 提個js問題:為何js事件委託寫在非同步中無效?JS事件非同步
- 4 – 縮排
- python縮排Python
- 看懂js中this關鍵字的指向問題JS
- JS中的this指向問題(詳細版plus)JS
- chrome 外掛開發中的熱更新問題Chrome
- [筆記](更新中)最短路問題的變形筆記
- JS中浮點數精度問題JS
- K8s Scheduler 在排程 pod 過程中遺漏部分節點的問題排查K8S
- mac 更新問題Mac
- JS問題JS
- JS中缺少分號可能引發的問題JS
- JS中toFixed()方法的問題及解決方案JS
- js中this指向的問題與聯絡深入探究JS
- 區塊鏈生態中致命的伸縮性問題 - CoinGeek區塊鏈
- MySQL中SELECT+UPDATE併發更新問題MySql
- WPF在.NET9中的重大更新:Windows 11 主題Windows
- 總結Java開發面試常問的問題,持續更新中~Java面試
- vue 音樂播放器學習筆記----vue+stylus樣式縮排問題Vue播放器筆記
- 錯排問題如何做?
- 容器編排無法解決微服務的所有問題,你還需要服務網格微服務
- transition-group在table表格中失效的問題
- echarts 在 vue2 中的顯示問題EchartsVue
- 在Linux中,mysql的innodb如何定位鎖問題?LinuxMySql