WebStorm中的ESLint

Question

有没有人遇到过ESLint没有加载到WebStorm的问题？我试图指定路径/usr/local/bin/eslint,/usr/local/bin,

每次我收到这条消息:

或者no such directory消息.

Answer 1

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

Answer 2

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

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

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

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

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

5. 这将向您显示该项目的“ESLint”设置。现在勾选“启用”复选框。确保节点解释器：具有正确的值。就我而言，是C:\Program Files\nodejs\node.exe

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

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

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

9. 享受！！！

Answer 3

OS X El Capitan

我用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提供没有任何输入的路径.