如何在PHPStorm/WebStorm中保存时配置ESLint自动修复？
jst*_*all 10 intellij-idea node.js 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
如何解决这个错误？
jst*_*all 22
根据这篇文章,设置应如下:
- 文件类型:任何
- 范围:项目文件
- 程序:./ node_modules/.bin/eslint(如果需要,指定完整路径)
- 参数: - fix $ FilePath $
- 要刷新的输出路径:$ FileDir $
- 避免绝对路径使用:$ ProjectFileDir $/node_modules/.bin/eslint,我还建议不要使用高级自动保存选项进行linting/prettier(然后在你还在键入时重新格式化) - 同时要注意webstorm对待JSX和javascript作为不同的文件类型,你只能为观察者选择一种文件类型(所以我为JavaScript和React JSX制作了一个副本) (7认同)
| 归档时间： |
|
| 查看次数： |
8920 次 |
| 最近记录： |