十分鐘完成vscode配合Eslint使用

豢生發表於2019-02-16

介紹ESLint

ESLint 是一個程式碼規範和錯誤檢查工具,有以下幾個特性
  1. 配置好之後,在vscode編輯器中按儲存自動格式化,用起來超級爽
  2. 檢查你程式碼不規範的地方

接下來我們來使用

安裝

開啟命令列,全域性安裝,適合你全部專案都需要eslint

$ npm install -g eslint
接下去安裝配置檔案
$ eslint --init十分鐘完成vscode配合Eslint使用

安裝VS Code

開啟VS Code官網,點選它的下載連結即可。安裝完成之後會看到如下的介面。

十分鐘完成vscode配合Eslint使用

安裝完畢後,開啟vscode

十分鐘完成vscode配合Eslint使用

搜尋外掛Eslint,點選安裝,安裝完畢後,點選重新載入十分鐘完成vscode配合Eslint使用

配置vscode

開啟User Setting

一定要加入這句程式碼:

"eslint.autoFixOnSave": true,

然後就可以輕鬆愉快的寫程式碼啦~

如果有什麼需要更改的條件,要去.eslintrc.js這個檔案裡面配置

具體規則等遇到了再去官網查eslint.org/





相關文章