WebStorm 中的 ESLint答案

【问题标题】：ESLint in WebStormWebStorm 中的 ESLint
【发布时间】：2015-05-02 17:59:39
【问题描述】：

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

每次我收到这条消息时：

或no such directory 消息。

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

OS X El Capitan

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

然后用 npm 全局安装 eslint

这是我的工作配置：

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

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

【讨论】：

【解决方案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 的提示。
享受！！！

【讨论】：