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 很容易使内容保持最新。
brew install node
然后使用 npm
在全局安装了 eslint
npm i eslint -g
这是我的工作配置:
/usr/local/bin/node
/usr/local/lib/node_modules/eslint
我在项目的根文件夹中添加带有 eslint 规则的 .eslintrc 文件。
尝试使用输入字段旁边的下拉菜单,webstorm 给出路径 w/o 任何输入。
以下是在 Windows10:
上运行所需的步骤
打开命令提示符并导航到您的项目根目录。
运行命令如下:
npm install eslint --save-dev
ESLint 在上述步骤中完成安装后,在 Webstorm 中浏览以下菜单:
File > Settings...
。点击设置...
在显示的设置屏幕的左上角,有一个搜索框。输入eslint
。
这将向您显示此项目的 'ESLint' 设置。现在勾选 "Enable" 复选框。确保 Node 解释器: 具有正确的值。在我的例子中,它是 C:\Program Files\nodejs\node.exe
就在 Node interpreter: 设置下方,有一个名为 ESLint package: 的设置。如果您已经按照我在上面的第 2 步中提到的那样正确安装了 ESLint 包,此设置将自动填充以显示项目 node_modules
文件夹中 ESLint 包的当前路径。就我而言,此设置的值为:
D:\www\gdp\node_modules\eslint
(gdp是我的项目根目录)
分别单击应用和确定按钮。
重新启动 Webstorm。如果你成功完成了所有步骤,你将不会看到再次进入ESLint的提示。
尽情享受!!!
有没有人遇到过ESLint在WebStorm中没有加载的问题?我正在尝试指定路径 /usr/local/bin/eslint
、/usr/local/bin
、
每次我收到这条消息:
或 no such directory
消息。
您需要将该字段指向实际的 ESLint 脚本。这通常是您安装 ESLint npm 包或 command-line 工具的地方。
OS X 埃尔卡皮坦
我已经用 brew 安装了 npm 和 node。使用 brew 很容易使内容保持最新。
brew install node
然后使用 npm
在全局安装了 eslintnpm i eslint -g
这是我的工作配置:
/usr/local/bin/node
/usr/local/lib/node_modules/eslint
我在项目的根文件夹中添加带有 eslint 规则的 .eslintrc 文件。
尝试使用输入字段旁边的下拉菜单,webstorm 给出路径 w/o 任何输入。
以下是在 Windows10:
上运行所需的步骤打开命令提示符并导航到您的项目根目录。
运行命令如下:
npm install eslint --save-dev
ESLint 在上述步骤中完成安装后,在 Webstorm 中浏览以下菜单:
File > Settings...
。点击设置...在显示的设置屏幕的左上角,有一个搜索框。输入
eslint
。这将向您显示此项目的 'ESLint' 设置。现在勾选 "Enable" 复选框。确保 Node 解释器: 具有正确的值。在我的例子中,它是
C:\Program Files\nodejs\node.exe
就在 Node interpreter: 设置下方,有一个名为 ESLint package: 的设置。如果您已经按照我在上面的第 2 步中提到的那样正确安装了 ESLint 包,此设置将自动填充以显示项目
node_modules
文件夹中 ESLint 包的当前路径。就我而言,此设置的值为:D:\www\gdp\node_modules\eslint
(gdp是我的项目根目录)分别单击应用和确定按钮。
重新启动 Webstorm。如果你成功完成了所有步骤,你将不会看到再次进入ESLint的提示。
尽情享受!!!