webstrom 配置eslint 自動修復錯誤

一、展現效果

如何給vue項目添加eslint呢，如何自動修復呢？

先展現一下效果：

 

二、配置步驟

一、安裝插件ESLint plugin

webstrom 其實有個很是好用的插件，ESLint plugin(若是在先安裝不來能夠手動下載，下載地址https://plugins.jetbrains.com/plugin/7494-eslint)

 

 

二、配置插件

安裝完畢後在這裏幾個地方配置一下：

要注意兩點

• 第二個框是你的項目地址/node_modules/.bin/eslint.cmd
• 第三個框是.eslintrc.js

 

配置好後就能夠使用了！

 

第二種方式：全局修復

項目使用的是Vue.js框架，自動校驗代碼只須要在項目工程下的package.json文件中尋找scripts關鍵字，

scripts下面有lint關鍵字

在lint中加入--fix如

而後再打開cmd，在cd到工程目錄下，運行：npm run lint

即可自動修改格式，可是也有一些是無法修改的，例如"=="在要求使用"==="，還有各類拼寫錯誤啥的這些手動修改一下就行了。