WebStorm 中的 ESLint

ESLint in WebStorm

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

每次我收到这条消息:

no such directory 消息。

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

OS X 埃尔卡皮坦

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

  1. brew install node

然后使用 npm

在全局安装了 eslint
  1. npm i eslint -g

这是我的工作配置:

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

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

尝试使用输入字段旁边的下拉菜单,webstorm 给出路径 w/o 任何输入。

以下是在 Windows10:

上运行所需的步骤
  1. 打开命令提示符并导航到您的项目根目录。

  2. 运行命令如下: npm install eslint --save-dev

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

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

  5. 这将向您显示此项目的 'ESLint' 设置。现在勾选 "Enable" 复选框。确保 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. 重新启动 Webstorm。如果你成功完成了所有步骤,你将不会看到再次进入ESLint的提示。

  9. 尽情享受!!!