Eslint 在phpstrom/Webstrom 中配置自动修复

liaosp 的个人博客 / 36 / 0 / 创建于 2年前 / 更新于 2年前

在用PhpStorm 中，如果有安装eslint，但是没有执行修复，会出现红色的警告标志；
在这里插入图片描述

在vscode 中自动修复eslint格式：

可选项=》设置=》右上角配置

   "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "eslint.format.enable": true,

在phpstrom 中如果版本大于2020.3.1 会有自动修复的按钮，如图：
在这里插入图片描述
但在之前的版本则要用到phpstrom的文件监听功能，下面带大家配置一下。

打开设置

在这里插入图片描述
找到 file Watchers ，如果没有去插件市场安装，新建custom脚本。配置如下：

File type: Any (or JavaScript)
Scope: Project files
Program: $ProjectFileDir$/node_modules/.bin/eslint
Arguments: --fix $FilePath$
Output paths to refresh: $FileDir$

具体配置：
在这里插入图片描述

最好用2020.3.1 以上的版本，自动配置好了

参考：Even faster code formatting using ESLint

Eslint phpstrom

本作品采用《CC 协议》，转载必须注明作者和本文链接

和我做朋友？

liaosp

课程读者 386 声望

<纸尿裤排行榜Pro>小程序开发者

0 人点赞

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

Eslint 在phpstrom/Webstrom 中配置自动修复

打开设置

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

Eslint 在phpstrom/Webstrom 中配置自动修复

打开设置

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录