介紹ESLint
ESLint 是一個程式碼規範和錯誤檢查工具,有以下幾個特性
- 配置好之後,在vscode編輯器中按儲存自動格式化,用起來超級爽
- 檢查你程式碼不規範的地方
接下來我們來使用
安裝
開啟命令列,全域性安裝,適合你全部專案都需要eslint
$ npm install -g eslint
接下去安裝配置檔案
$ eslint --init
安裝VS Code
開啟VS Code官網,點選它的下載連結即可。安裝完成之後會看到如下的介面。
安裝完畢後,開啟vscode
搜尋外掛Eslint,點選安裝,安裝完畢後,點選重新載入
配置vscode
開啟User Setting
一定要加入這句程式碼:
"eslint.autoFixOnSave": true,
然後就可以輕鬆愉快的寫程式碼啦~
如果有什麼需要更改的條件,要去.eslintrc.js這個檔案裡面配置
具體規則等遇到了再去官網查eslint.org/