webstrom 配置eslint 自动修复错误

1、展示效果

如何给vue项目添加eslint呢,如何自动修复呢?

先展示一下效果:

webstrom 配置eslint 自动修复错误_第1张图片

2、配置步骤

1、安装插件ESLint plugin

webstrom 其实有个非常好用的插件,ESLint plugin(如果在先安装不来可以手动下载,下载地址https://plugins.jetbrains.com/plugin/7494-eslint)

webstrom 配置eslint 自动修复错误_第2张图片

2、配置插件

安装完毕后在这里几个地方配置一下:

要注意两点

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

webstrom 配置eslint 自动修复错误_第3张图片

如果是linux的话,其实和window类似,参考配置如下:

webstrom 配置eslint 自动修复错误_第4张图片

配置好后就可以使用了!

webstrom 配置eslint 自动修复错误_第5张图片

特别是这里面的eslint fix 可以自动修复非常好用!!!

3、参考

甚至你可以更方便的配置一个eslint 自动修复的快捷键,我使用的Alt+L


webstrom 配置eslint 自动修复错误_第6张图片

你可能感兴趣的:(前端工具,webstrom,eslint)