webstorm中配置Eslint详细操作步骤

有些同学项目里配置好了eslint项，却不知道该怎么在自己的编辑器中配置，下面将会讲述下在webstorm编辑器上配置eslint和使用方法：

首先配置：

打开设置，在搜索框里搜索eslint，可以帮你快速找到下面页面的配置页面，根据自己的项目填写下面红框内的内容，勾选enable复选框，保存即可。

 使用方法：

选中某个你想eslint自动修复的文件夹或文件，右键，会出现fix eslint problems菜单，这样就会自动帮你修复好代码。如下图：

注意：

该方法支持检测出vue文件中的不合eslint规则的代码区域，并且用红色波浪线标识 ，可以进行修复，这个只适用于2018版本的webstorm，对于老版本的webstorm不能对vue文件进行fix eslint problems。

解决方法看下篇：https://blog.csdn.net/zmm13298329239/article/details/86149854