Webstrom configuration eslint automatic fix error __web

1, show the effect

How to add Eslint to Vue project, how to automatically fix it.

First show the effect:

2. Configuration Steps 1, install the plug-in eslint plugin

Webstrom actually has a very useful plug-in, Eslint plugin (if the first installation does not come can manually download, download the address https://plugins.jetbrains.com/plugin/7494-eslint)

2, configure Plug-ins

After installation, here are several places to configure:

Note that the two-point two box is your item address/node_modules/.bin/eslint.cmd the third box is. eslintrc.js

If Linux is, in fact, similar to window, the reference configuration is as follows:

Once configured, you can use it.

Especially in this area eslint fix can be automatically repaired very easy to use ... 3, reference

Even more convenient for you to configure a eslint automatically fix the shortcut keys that I use for the alt+l