WebStorm 和 IntelliJ IDEA 在 NPM 运行/调试配置中看不到自定义 NPM 脚本答案

【问题标题】：WebStorm and IntelliJ IDEA don't see custom NPM scripts in NPM run/debug configurationWebStorm 和 IntelliJ IDEA 在 NPM 运行/调试配置中看不到自定义 NPM 脚本
【发布时间】：2016-12-29 18:29:16
【问题描述】：

我在 WebStorm 2016.3.2 或 IntelliJ IDEA 2016.3.2 的 NPM 运行/调试配置中都看不到自定义 NPM 脚本。我已经选择了合适的 package.json 文件。

这是我的 package.json 文件中的脚本部分和下面屏幕上的运行/调试配置。我无法选择其他自定义命令，例如clean:dist（只有clean）、e2e、pretest、test:passive 等，如何选择这些？

"scripts": {
  "clean": "npm cache clean && rimraf coverage src/main/resources/static/*",
  "clean:dist": "rimraf typings src/main/resources/static/*",
  "preclean:install": "npm run clean",
  "clean:install": "npm set progress=false && npm install",
  "preclean:start": "npm run clean",
  "clean:start": "npm start",
  "pree2e": "webdriver-manager update",
  "e2e": "protractor",
  "e2e:live": "protractor --elementExplorer",
  "lint": "tslint './src/main/frontend/**/*.ts' --force",
  "pretest": "rimraf coverage && npm run lint",
  "test:passive": "ng test -w false",
  "test": "ng test",
  "pretest:phantom": "rimraf coverage && npm run lint",
  "test:phantom": "ng test -w false --browsers PhantomJS",
  "build": "npm run build:dev",
  "prebuild:dev": "npm run clean:dist",
  "build:dev": "ng build -dev",
  "prebuild:prod": "npm run clean:dist",
  "build:prod": "ng build -prod",
  "server": "npm run server:dev",
  "server:dev": "ng serve --p 4200 -pc proxy.json -dev",
  "server:prod": "ng serve --p 4200 -pc proxy.json -prod",
  "start": "npm run server:dev",
  "ncu": "ncu -a",
  "ng:upgrade": "ng init -n sqap-ui -sd src/main/frontend --style scss --prefix sqap --routing",
}

【问题讨论】：

你是在使用 WebStorm 还是在使用 IntelliJ？
我使用的是 WebStrorm，但在 Intellij 中是一样的。
是的，这是相同的设置，但缩小两个 IDE 之间的范围并不是最糟糕的主意。我知道 IDEA 是厨房水槽，但如果您只使用它的一部分，最好指定它。
我都测试过了。

标签： intellij-idea npm webstorm

【解决方案1】：

如果您想运行自定义脚本，请选择run 作为命令，然后使用scripts 字段中的下拉菜单选择您的脚本。 test 命令只运行 npm test。提示：您可以通过右键单击 NPM 工具窗口中的脚本来创建运行配置，该工具窗口可以使用 package.json 右键菜单中的Show npm scripts 打开

【讨论】：