webstorm中配置Eslint详细操作步骤

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

首先配置:

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

webstorm中配置Eslint详细操作步骤

 使用方法:

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

webstorm中配置Eslint详细操作步骤

注意:

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

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