1. 程式人生 > >如何在vscode中配置ESLint

如何在vscode中配置ESLint

1、首先我們需要安裝ESLint,我使用的是在全域性中安裝,在命令列中輸入:

npm i eslint -g    //先全域性安裝eslint
cd yourpath    //進入你的檔案目錄
eslint  --init    //初始化eslint

2、這樣,我們就在我們初始化的資料夾裡看到一個 .eslintrc.js 檔案啦

3、接下來,我們去到vscode的擴充套件安裝ESLint外掛


4、安裝完成之後,到vscode中的 首選項-->設定 中找到ESLint的設定


點選箭頭指向的筆影象,將eslint.options變成

"eslint.options": {"configFile": "F:/VLearning/ESLint/.eslintrc.js"},
其中路徑為你的.eslintrc.js所在路徑

5、儲存後重啟vscode後就可以看到原本沒有報錯的文件報錯,證明配置成功~