十分鐘完成vscode配合Eslint使用

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章