web-dev-qa-db-ja.com

package.jsonの「スクリプト」セクションからWebStorm実行構成を作成します

私のpackage.jsonファイルには、次の「スクリプト」構成があります。

...
"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からそれらを自動的に生成する方法はありますか？

node.jsconfigurationnpmwebstormpackage.json
16
akbiggs

これには、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パスを見つけるには、「npmroot-g」を使用します。

ファイルから実行構成を自動作成する方法はありません。そして、独自の実行構成を作成する唯一の方法は、プラグインを開発することです http://confluence.jetbrains.com/display/IDEADEV/Run+Configurations を参照してください。

Update：2016.x以降、WebStormはNPMスクリプトを実行/デバッグするための特別な実行構成 npm -を提供します。 構成の編集...ダイアログを介して手動で作成するか、 NPMツールウィンドウ でスクリプトを選択して自動追加することができます。 （package.json右クリックメニューから開くことができます）。

https://www.jetbrains.com/help/webstorm/2017.3/running-npm-scripts.html を参照してください

38
lena

WebStormとIntelliJ2016には、NodeJSプラグインの一部としてNPMスクリプトのサポートが含まれていました。

スクリプトは次の4つの方法で起動されます。

  • 専用のスクリプトツリーから NPMツールウィンドウ 。 Show npm Scriptsを選択してnpmを呼び出すと、ツールウィンドウが開きます。 Projectツールウィンドウのpackage.jsonのコンテキストメニュー、またはエディターで開いたpackage.jsonのコンテキストメニュー。
  • 専用の実行構成によると、 実行/デバッグ構成：NPM を参照してください。
  • 起動タスクとして自動的に。
  • 起動前のタスクとして、別の実行構成から。

詳細については、 ドキュメント を確認してください。

1
Diego V