Question

在我的package.json文件中，我有以下＆＃34;脚本＆＃34;配置。

...
"scripts": {
    "start": "watchify -o lib/index.js -v -d .",
    "build": "browserify . | uglifyjs -cm > lib/index.js",
    "test": "jest"
}
...

这允许我从命令行运行npm start，npm build和npm test。

太好了！但理想情况下，由于界面的便利性，我希望能够使用运行配置从WebStorm中运行这些任务。我一直无法弄清楚如何做到这一点。

有没有办法创建我自己的自定义运行配置或从我的package.json自动生成它们？

Answer 1

您可以使用Node.js运行配置。例如，对于'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路径，请使用＆＃34; npm root -g＆＃34;。

无法从文件自动创建运行配置。创建自己的运行配置的唯一方法是开发插件 - 请参阅http://confluence.jetbrains.com/display/IDEADEV/Run+Configurations

更新：自2016.x以来，WebStorm提供了一个特殊的运行配置 - npm - 用于运行/调试NPM脚本。它可以通过编辑配置... 对话框手动创建，也可以通过选择NPM tool window中的脚本自动添加（可以从package.json右键菜单中打开）。

请参阅https://www.jetbrains.com/help/webstorm/2017.3/running-npm-scripts.html

Answer 2

WebStorm和IntelliJ 2016包括对NPM脚本的支持，作为NodeJS插件的一部分。

脚本以四种方式启动：


来自专用NPM Tool Window中的脚本树。通过在 Project 工具窗口的package.json的上下文菜单中选择显示npm脚本，调用 npm 时，工具窗口会打开或者在编辑器中打开package.json。

根据专用的运行配置，请参阅Run/Debug Configuration: NPM。

自动执行，作为启动任务。

作为启动前任务，来自其他运行配置。

有关详细信息，请查看their documentation。

从package.json“scripts”部分创建WebStorm运行配置

2 个答案: