webstorm - WebStorm 中的 ESLint

Question

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

每次收到这样的信息：

或no such directory留言。

Answer 1

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

Answer 2

OS X 埃尔卡皮坦

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

1. brew install node

然后使用 npm 全局安装 eslint

2. npm i eslint -g

这是我的工作配置：

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

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

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

Answer 3

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

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

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

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

4. 在显示的设置屏幕中，左上角有一个搜索框。输入eslint它。

5. 这将显示该项目的“ESLint”设置。现在勾选“启用”复选框。确保Node 解释器：具有正确的值。在我的情况下，它是C:\Program Files\nodejs\node.exe

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

7. 分别单击应用和确定按钮。

8. 重启网络风暴。如果您已成功完成所有步骤，您将不会看到再次输入 ESLint 的提示。

9. 享受！！！