如何在PHPStorm/WebStorm中保存时配置ESLint自动修复？

我正在尝试在PhpStorm中创建一个自定义文件监视器,它将在保存时自动修复ESLint错误.在Settings > Tools > File Watchers我创建了一个具有以下设置的新文件观察器:

文件类型: Any

范围: All places

程序: /home/user/Projects/todo-app/eslint-autofix.sh

参数:空白

要刷新的输出路径:空白

其他选项>工作目录: /home/user/Projects/todo-app

eslint-autofix.sh:

#!/usr/bin/env bash

./node_modules/.bin/eslint --fix

然后我发出ESLint错误并按下Ctrl + S保存.弹出以下错误:

/home/user/Projects/todo-app/eslint-autofix.sh
/usr/bin/env: ‘node’: No such file or directory

如何解决这个错误？

1> jstice4all..：

---

根据这篇文章,设置应如下:

文件类型:任何

范围:项目文件

程序:./ node_modules/.bin/eslint(如果需要,指定完整路径)

参数: - fix $ FilePath $

要刷新的输出路径:$ FileDir $

---

避免绝对路径使用:$ ProjectFileDir $/node_modules/.bin/eslint,我还建议不要使用高级自动保存选项进行linting/prettier(然后在你还在键入时重新格式化) - 同时要注意webstorm对待JSX和Javascript作为不同的文件类型,你只能为观察者选择一种文件类型(所以我为Javascript和React JSX制作了一个副本)