如何在 WebStorm 2016.2.3 中使用 Yarn 而不是 npm 创建运行配置答案

【问题标题】：How to create run configuration with Yarn instead of npm in WebStorm 2016.2.3如何在 WebStorm 2016.2.3 中使用 Yarn 而不是 npm 创建运行配置
【发布时间】：2016-10-26 08:06:56
【问题描述】：

我曾经通过 WebStorm 使用 npm。我通常只是在右上角添加一个基于 npm 的运行配置，就像 here 中描述的那样。

我最近尝试了 Yarn，我正在尝试使用 npm 做类似的事情，但是我找不到选项。有没有办法做到这一点？还是我只需要等待 JetBrains 的更新？

【问题讨论】：

yarn 将在 2016.3 中得到支持 -- youtrack.jetbrains.com/issue/WEB-23737#comment=27-1669437 。另外：youtrack.jetbrains.com/issue/WEB-23820
知道了。我想我现在就坚持终端。谢谢！

标签： webstorm yarnpkg

【解决方案1】：

yarn 将在 2016.3

中得到支持

如https://youtrack.jetbrains.com/issue/WEB-23737#comment=27-1669437中所述

在 WebStorm 2016.3 中，可以选择 yarn 包而不是 npm：

去Settings | Languages & Frameworks | Node.js and NPM

单击 Node.js 解释器旁边的省略号按钮以打开“Node.js 解释器”对话框

此外，为方便起见，已安装的纱线包将在下拉列表中提供。

一旦设置了纱线包，所有npm相关的动作都会使用指定的纱线包。

还可以查看WEB-23820 票证以获得“纱线任务”支持（类似于 NPM 任务的侧面板，您可以在其中查看任务并执行它们）。

更新 (2016-11-15)
WebStorm 2016.3 昨天发布。上述两张票均已实施。

更新 (2016-12-13)
在 Windows 上，如果您通过 .msi 安装程序安装 Yarn，则路径将为 C:\Program Files (x86)\Yarn -- IDE（本例中为 PhpStorm 2016.3.1）会自动检测到它。

【讨论】：

WebStorm 2016.3 现在不支持 homebrew 安装的 yarn。我在youtrack.jetbrains.com/issue/… 中发表了评论。希望它会在不久的将来得到修复。
如果 yarn 是用 exe 方法全局安装在 windows 上的，我不知道如何设置它。将其设置为C:\Program Files (x86)\Yarn 时，我得到了Please specify npm/yarn package: cannot find "bin\npm-cli.js"。与C:\Program Files (x86)\Yarn\bin 相同。回到默认C:\Program Files\nodejs\node_modules\npm
@rofrol 不知道——PhpStorm 2016.3.1 自动拾取它——我只需要在该下拉框中选择另一个条目——IDE 自动找到它——postimg.org/image/gk8nead6v
Yarn 在我的机器上全局安装，我还将纱线添加到 WebStorm 运行配置中作为 节点解释器： C:\Program Files (x86)\Yarn\bin\yarn。 cmd node parameters: start working directory: ... 通常我在工作目录中打开 CMD 并运行 yarn start，当我从 WebStorm 运行时使用上面的纱线配置，它显示的前几行与 CMD 中完全相同： yarn start v0.23.3 $ yarn install && webpack-dev-server --config ./buildScripts/webpack.js --env.mode debug 但是之后它什么也不做......（在 CMD 中的下一行是：yarn install v0.23.3）