十分鐘完成vscode配合Eslint使用

介紹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/