我知道可以使用命令行通过应用
--fix
参数来实现。我也知道 Intellij-IDEA 直接与 Eslint 集成;但是,Intellij-IDEA 使用 stdin 进行集成,这意味着无法作为参数传递
--fix
。--fix
参数来实现。--fix
。Preferences > Tools > File Watchers
并创建一个新的文件监视器JavaScript
$ProjectFileDir$/apps/web/src/
并递归包含了其所有内容。$ProjectFileDir$/apps/web/node_modules/eslint/bin/eslint.js
--fix $FileName$
$FileDir$
。Immediate file synchronization
,以获得更好的编辑体验。~/.nvm/versions/node/v6.9.1/bin/node
。您可以使用which node
找到您的位置。 - Cam JacksonESlint插件:https://plugins.jetbrains.com/plugin/7494-eslint/
从Intellij 14开始,Jetbrains将基于此插件的插件捆绑到IDE版本中。有什么区别?这个插件支持Intellij 13和其他版本,--fix选项,快速修复和其他小差异。在打开问题之前,请确保您正在参考此插件。
"自动ESLint配置"选项对我也很有效。IDE会扫描包含eslint
依赖项的package.json
文件并运行它。(您可以在一个项目中使用不同的ESLint版本)。
ESLint配置会自动检测最近的.eslintrc.x
(例如.json
)配置文件,或从package.json
中读取。
默认情况下,PhpStorm使用项目
node_modules
文件夹中的ESLint包和存储当前文件的文件夹中的.eslintrc.*
配置文件。如果在当前文件夹中找不到.eslintrc.*
,PhpStorm将在其父文件夹中查找,直到项目根目录。
如果您有多个列出ESLint作为依赖项的
package.json
文件,则PhpStorm会为每个package.json
启动单独的进程,并处理其下面的所有内容。这使您可以将特定的ESLint版本或一组特定的插件应用于monorepo中的每个路径或具有多个ESLint配置的项目。
您还可以手动设置Node解释器+ESLint包+.eslintrc
配置。
你可以从你的ESLint配置中自动导入一些代码风格规则:
您可能希望禁用IDE的默认规则,并用适当的ESLint规则替换它们。否则,您可能会在列表中看到相同问题的2个问题。
或者,您可以设置一个NPM脚本运行配置:
After ESLint installation, add a script section to package.json
"scripts": {
"eslint": "eslint"
}
In "npm" panel, you should see the "eslint" script from your package.json
.
You can edit its settings to e.g. run ESLint for current file only:
Now you can run the NPM script: