十分鐘完成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/