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

liaosp 的个人博客 / 1 / 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

课程读者 402 声望

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

0 人点赞

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

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

讨论数量: 0

(=￣ω￣=)··· 暂无内容！

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

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

打开设置

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

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

打开设置

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录