WebStorm 中的 ESLint

Posted 2023-03-27

【中文标题】WebStorm 中的 ESLint

【英文标题】：ESLint in WebStorm

【发布时间】：2015-05-02 17:59:39

【问题描述】：

有没有人遇到过 ESLint 无法在 WebStorm 中加载的问题？我正在尝试指定路径/usr/local/bin/eslint、/usr/local/bin、

每次我收到这条消息时：

或no such directory 消息。

【问题讨论】：

Github issues 帮不了我

必须像 '/usr/local/lib/node_modules/eslint' - 你试过这条路吗？

【参考方案1】：

您需要将该字段指向实际的 ESLint 脚本。这通常是你安装 ESLint npm 包或命令行工具的地方。

【讨论】：

就我而言，这不起作用。我必须将节点升级到解决问题的最新版本。

【参考方案2】：

OS X El Capitan

我已经用 brew 安装了 npm & node。使用 brew 让内容保持最新很容易。

brew install node

然后用 npm 全局安装 eslint

npm i eslint -g

这是我的工作配置：

/usr/local/bin/node/usr/local/lib/node_modules/eslint

我在项目的根文件夹中添加了带有 eslint 规则的 .eslintrc 文件。

尝试使用输入字段旁边的下拉菜单，webstorm 会给出路径，无需任何输入。

【讨论】：

通过自制软件安装节点还修复了我安装全局包的权限错误。谢谢！

请记住，当您想在 CI / CD 中进行 lint 时，eslint 版本可能会有所不同，因此会产生您在本地机器上没有的错误...

确实如此，但我对此没有任何意见。

【参考方案3】：

以下是在 Windows 10 上运行所需的步骤：

打开命令提示符并导航到您的项目根目录。

运行以下命令： npm install eslint --save-dev

一旦 ESLint 在上述步骤中完成安装，请在 Webstorm 中浏览以下菜单： File > Settings...。点击设置...

在显示的设置屏幕的左上角，有一个搜索框。在里面输入eslint。

这将显示此项目的“ESLint”设置。现在勾选“启用”复选框。确保 Node interpreter: 具有正确的值。就我而言，它是C:\Program Files\nodejs\node.exe

在Node解释器：设置下方，有一个名为ESLint package:的设置。如果你已经正确安装了我在上面第 2 步中提到的 ESLint 包，此设置将自动填充以显示项目 node_modules 文件夹中 ESLint 包的当前路径。就我而言，此设置的值为： D:\www\gdp\node_modules\eslint （gdp 是我的项目根文件夹）

分别点击应用和确定按钮。

重新启动 Webstorm。如果您已经成功完成所有步骤，您将不会看到再次输入 ESLint 的提示。

享受！！！