WebStorm中的ESLint

时间:2015-03-02 11:36:33

标签: webstorm eslint

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

每次收到此消息:

enter image description here

no such directory消息。

4 个答案:

答案 0 :(得分:10)

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

ESLint Package Location

答案 1 :(得分:7)

OS X El Capitan

我安装了npm& brew的节点。用brew来保持最新的东西很容易。

  1. brew install node
  2. 然后使用npm

    全局安装eslint
    1. npm i eslint -g
    2. 这是我的工作配置:

      1. /usr/local/bin/node /usr/local/lib/node_modules/eslint
      2. 我在项目的根文件夹中添加带有eslint规则的.eslintrc文件。

        尝试使用输入字段旁边的那些下拉菜单,webstorm提供没有任何输入的路径。

答案 2 :(得分:0)

以下是使它在 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解释器:设置下方,有一个名为 ESLint软件包:的设置。如果您按照我在上面的步骤2中所述正确安装了ESLint软件包,则将自动填充此设置以显示项目node_modules文件夹中ESLint软件包的当前路径。就我而言,此设置的值为: D:\www\gdp\node_modules\eslint (gdp是我的项目根文件夹)

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

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

  9. 享受!!!

答案 3 :(得分:-1)

删除 .idea 文件夹并重新启动 ide 修复了我的问题。