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

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

在用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

本作品采用《CC 协议》,转载必须注明作者和本文链接
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!
未填写
文章
38
粉丝
16
喜欢
144
收藏
130
排名:320
访问:3.0 万
私信
所有博文
社区赞助商