Erstellen Sie WebStorm-Run-Konfigurationen von package.json "scripts" Abschnitt

Question

In meiner package.json Datei habe ich die folgende "Skripts" -Konfiguration.

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

Dies ermöglicht es mir npm start, npm build und npm test von der Kommandozeile ausgeführt werden.

Das ist großartig! Aber im Idealfall würde ich gerne in der Lage sein, diese Aufgaben mithilfe von Laufkonfigurationen in WebStorm auszuführen, weil die Schnittstelle so praktisch ist. Ich habe nicht herausgefunden, wie ich das machen soll.

Gibt es eine Möglichkeit, meine eigenen benutzerdefinierten Laufkonfigurationen zu erstellen oder automatisch von meinem package.json zu generieren?

Answer 1

Sie können Node.js Run-Konfiguration dafür verwenden. Zum Beispiel für '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 

Um den globalen node_modules Weg von der Kommandozeile verwenden „npm root -g“ zu finden.

Es gibt keine Möglichkeit, Laufkonfigurationen automatisch aus Dateien zu erstellen. Und der einzige Weg, um Ihre eigene Laufzeitkonfiguration zu erstellen ist ein Plugin Entwicklung - siehe http://confluence.jetbrains.com/display/IDEADEV/Run+Configurations

aktualisieren: seit 2016.x stellt WebStorm eine besondere Laufkonfiguration - npm - zum Ausführen/Debug-NPM-Skripten. Es kann manuell über Konfigurationen bearbeiten ... Dialog erstellt werden, oder automatisch hinzugefügt durch Auswahl des Skripts in NPM tool window (kann von package.json Rechtsklick-Menü geöffnet werden).

Siehe https://www.jetbrains.com/help/webstorm/2017.3/running-npm-scripts.html

Answer 2

WebStorm und IntelliJ 2016 enthalten Unterstützung für NPM-Skripte als Teil des NodeJS Plugin.

Skripte werden in vier Arten gestartet:

• Von einem Baum von Skripten in den dedizierten NPM Tool Window. Das Tool-Fenster öffnet sich, wenn Sie npm aufrufen von anzeigen npm Scripts im Kontextmenü eines package.json im Projekt Werkzeugfenster wählen oder eines package.json im Editor geöffnet.
• Entsprechend einer dedizierten Laufkonfiguration, siehe Run/Debug Configuration: NPM.
• Automatisch, als eine Startaufgabe.
• Als eine vor dem Start Aufgabe, von einem anderen Laufkonfiguration.

Für weitere Informationen überprüfen their documentation aus.