提问人：akbiggs 提问时间：2/18/2015 最后编辑：Diego Vakbiggs 更新时间：10/18/2017 访问量：12254
从 package.json “scripts” 部分创建 WebStorm 运行配置
Create WebStorm run configurations from package.json "scripts" section
问：
在我的文件中，我有以下“脚本”配置。package.json
...
"scripts": {
"start": "watchify -o lib/index.js -v -d .",
"build": "browserify . | uglifyjs -cm > lib/index.js",
"test": "jest"
}
...
这允许我从命令行运行 。npm startnpm buildnpm test
这太棒了！但理想情况下，由于界面非常方便，我希望能够使用运行配置从 WebStorm 中运行这些任务。我一直无法弄清楚如何做到这一点。
有没有办法创建我自己的自定义运行配置或从我的配置中自动生成它们？package.json
答：
40赞
lena
2/19/2015
#1
为此，您可以使用 Node.js Run 配置。例如，对于：'npm start'
Working dir: /path/to/your/package.json
JavaScript file: /path/to/global/node_modules/npm/bin/npm-cli.js
Application parameters: run start
要从命令行查找全局node_modules路径，请使用“npm root -g”。
无法从文件自动创建运行配置。创建自己的运行配置的唯一方法是开发一个插件 - 请参阅 http://confluence.jetbrains.com/display/IDEADEV/Run+Configurations
更新：从 2016.x 开始，WebStorm 提供了一个特殊的运行配置 - npm - 用于运行/调试 NPM 脚本。它可以通过“编辑配置...”对话框手动创建，也可以通过在 NPM 工具窗口中选择脚本（可以从右键菜单打开）自动添加。package.json
查看 https://www.jetbrains.com/help/webstorm/2017.3/running-npm-scripts.html
评论
3赞
Josh Noe
2/18/2017
这可行，但您将无法从 Webstorm 中进行调试
0赞
mjwrazor
7/12/2017
因为这需要一段时间才能找到。在 mac 上，您可以找到 js 文件。/usr/local/lib/node_modules/npm/bin/npm-cli.js
0赞
Zoman
3/3/2018
如果要调试，请查看以下内容：pavelpolyakov.com/2016/05/01/webstorm-npm-tasks-debug
2赞
Diego V
1/2/2017
#2
WebStorm 和 IntelliJ 2016 作为 NodeJS 插件的一部分，包括对 NPM 脚本的支持。
脚本以四种方式启动：
- 从专用 NPM 工具窗口中的脚本树中。当您通过在“项目”工具窗口中的 a 或在编辑器中打开的 a 的上下文菜单上选择“显示 npm 脚本”来调用 npm 时，工具窗口将打开。
package.jsonpackage.json- 根据专用的运行配置，请参阅运行/调试配置：NPM。
- 自动，作为启动任务。
- 作为启动前的任务，从另一个运行配置。
有关更多详细信息，请查看他们的文档。
评论