Ausführen des Befehls npm in Visual Studio Code

71

Gibt es eine Möglichkeit, den npmBefehl in Visual Studio Code (using f1into >) unter Windows (10) auszuführen , um Pakete in meinem Ordner zu installieren, in dem ich arbeite?

Ich habe npm installiert und muss immer wieder npm-Pakete von installieren cmd

garfbradaz
quelle

Antworten:

85

Installieren

  • Ctrl+ P, schreibeext install npm script runner
  • Starten Sie VS Code neu

Verwenden Sie (zwei Möglichkeiten)

  • Ctrl+ R Shift+R
  • Ctrl+ P, schreiben >npm, auswählen run script, die gewünschte Aufgabe auswählen

Update : Seit Version 1.3 verfügt Visual Studio Code über ein integriertes Terminal. Verwenden Sie zum Öffnen eine der folgenden Methoden:

  • Verwenden Sie die Tastenkombination Ctrl+ `.
  • Verwenden Sie die Ansicht | Menübefehl Integriertes Terminal umschalten.
  • Verwenden Sie in der Befehlspalette ( Ctrl+ Shift+ P) den View:Toggle Integrated TerminalBefehl.
Javiere
quelle
9
Auf der französischen Tastatur: "Verwenden Sie die Tastenkombination Strg +`. " wird "Strg + ù"
Pascal Ganaye
2
Verwenden Sie auf dem Mac 'Cmd + R Shift + R'
Vishwas Shashidhar
6
Bitte geben Sie einen Link zur Erweiterung vom Markt. Eine solche Erweiterung habe ich nicht gefunden. Es existiert nicht.
Dev-Sibirien
1
@ dev-siberia seit der Version 1.3 ist keine Erweiterung mehr erforderlich. Folgen Sie einfach den Anweisungen in der Antwort für das Update. Strg + `
Javiere
Hinweis: Wenn Sie VS Code über den Anaconda Navigator starten, müssen Sie den Navigator ebenfalls neu starten.
Robert Price
38

Sie können npm-Befehle direkt im Terminal ausführen (Strg + `). Stellen Sie sicher, dass auf dem Terminal cmd.exe als Shell ausgewählt ist.

Sie können cmd.exe standardmäßig als Shell verwenden, indem Sie die folgenden Schritte ausführen.

  1. Strg + Umschalt + p
  2. Typ> Standard-Shell auswählen + Eingabe
  3. Wählen Sie> Eingabeaufforderung ... cmd.exe
  4. Starten Sie VS Code neu.
IKriKan
quelle
5
Obwohl ich jetzt mehrere Erweiterungen installiert habe, die ich allerdings zwingen würde, npmmitzufahren. Dieser Tipp hat bei mir nicht funktioniert. Alles was ich bekam:'npm' is not recognized as an internal or external command, operable program or batch file.
bkwdesign
7
Ok .. Ich habe nicht einmal Node.js installiert. Gemäß diesem Artikel
stelle
15

Möglicherweise haben Sie node.js installiert, während Ihr Visual Studio-Code geöffnet war. Sobald node.js erfolgreich installiert wurde, schließen Sie einfach den VS-Code und starten Sie ihn erneut. Es wird klappen. Vielen Dank

Ashish Ahuja
quelle
2
HINWEIS restart the application nicht reload window. Zumindest ab VSC 1.31.1 ist dies der Fall. Obwohl diese Antwort besagt, dass restart the applicationich erwartet hatte, dies durch a beheben zu können reload window.
Itanex
Hinweis: "VS-Code schließen" bedeutet, ALLE Fenster zu schließen :)
Daddy32
8

Alles, was Sie tun müssen, ist, dem integrierten Terminal im Fenster "Benutzereinstellungen" Argumente hinzuzufügen.

Führen Sie dazu die folgenden Schritte aus:

  1. Listenpunkt
  2. Gehen Sie zu 'Benutzereinstellungen'
  3. Suchen Sie nach der Einstellung "terminal.integrated.shellArgs.windows".
  4. Bearbeiten Sie diese Einstellung, indem Sie sie auf die rechte Seite kopieren.
  5. Fügen Sie den folgenden arg value = "/ k nodevars.bat" hinzu, z "terminal.integrated.shellArgs.windows": ["/k nodevars.bat"],
  6. Stellen Sie sicher, dass die Einstellung "terminal.integrated.shell.windows" auf den Wert "C: \ Windows \ system32 \ cmd.exe" festgelegt ist. Wenn nicht, dann mach das.
  7. Neues Terminal öffnen.

Viel Glück

Benshabatnoam
quelle
8

Ein Grund könnte sein, dass Sie den Knoten nach dem Starten des vs-Codes installieren, da das integrierte oder externe vs-Code-Terminal den Pfadwert verwendet, der zum Zeitpunkt des Starts des vs-Codes war, und Ihnen folgende Fehlermeldung gibt:

'Knoten' wird nicht als interner oder externer Befehl, bedienbares Programm oder Batchdatei erkannt.

Ein einfacher Neustart von vs code löst das Problem.

Musab
quelle
6

Unter Win10 musste ich VSCode als Administrator ausführen, damit npm-Befehle funktionieren.

DuFuS
quelle
5
  1. Benutzereinstellungsdatei bearbeiten settings.json.
    • Einstellungen> Suchen nach settings.json> Bearbeiten insettings.json
    oder
    • Führen Sie> Typ aus %APPDATA%\Code\User\settings.json
  2. Kopiere diesen Code
    { "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe", "terminal.integrated.shellArgs.windows": ["/k nodevars.bat"] }
  3. Starten Sie VS Code neu
Gaurav Chavan
quelle
3

Ich habe npm nach Visual Studio Code installiert, alle Visual Studio-Instanzen geschlossen und wieder geöffnet und es hat funktioniert.

Manish Sadhwani
quelle
1
Dies ist kein fester / relevanter Vorschlag. Bitte überarbeiten Sie Ihre Antwort.
Es hat funktioniert. Vielen Dank!
Ankit
2

So installieren Sie npm auf VS Code:

  1. Klicken Sie auf Strg + P.
  2. Schreiben Sie ext install npm script Runner
  3. Suchen Sie in der Ergebnisliste nach npm 'npm-Befehlen für VS-Code'. Diese npm verwaltet Befehle. Klicken Sie auf Installieren und dann auf VS-Code neu laden, um die Änderungen zu speichern
  4. Starten Sie VS Code neu
  5. Führen Sie auf dem integrierten Terminal 'npm install' aus.
JNgugi
quelle
Derzeit ist das Datum 2018-08-20, die neueste Version ist 0.3.5
Juguang
2
funktioniert bei mir nicht! VSCode Terminal sagt immer wieder bash: np: command not found. Was schlagen Sie vor ? Vielen Dank für jede Hilfe. (Hinweis: Meine npm-Cmds funktionieren gut unter dem Mac-Terminal. Sie funktionieren jedoch absolut nicht unter dem VSCode-Terminal - auch nicht, nachdem Sie die obigen Schritte ausgeführt haben.) Ich versuche, Angular-Cmds wie auszuführen, np versionund sie funktionieren nicht im VSCode-Terminal. Und ich bin auf dem Mac. Irgendeine Idee warum?
iKK
1

Das gleiche passierte mir, nachdem ich Node.js installiert hatte . Knoten und npm wurden in PowerShell und Eingabeaufforderung erkannt, jedoch nicht in VS Code. Ich habe es behoben, indem ich den Installationspfad von Node.js zur Umgebungsvariablen des Systems hinzugefügt habe PATH. Der Installationspfad für node.js auf meinem System war:

C: \ Programme \ nodejs

Wo ich das finde node.exe, was gebraucht wird. Die Benutzervariable hatte PATHbereits den Installationspfad von Node.js, aber aus irgendeinem Grund benötigt VS Code den Installationspfad von Node.js im SystemPATH .

Windows 10-Anweisungen:

  1. Windows-Schlüssel und Typ "Umgebung"
  2. Wählen Sie "Systemumgebungsvariablen bearbeiten".
  3. Klicken Sie auf die Schaltfläche "Umgebungsvariablen ...".
  4. Bearbeiten Sie im Abschnitt "Systemvariablen" die Variable "Pfad"
  5. Fügen Sie der Liste den Installationspfad von Node.js hinzu (C: \ Programme \ nodejs).

Die anderen Antworten waren großartig, aber dies ist eine andere Möglichkeit, das Problem zu beheben, das für mich funktioniert hat, ohne dass ich etwas installieren, als Administrator ausführen oder die Standardeinstellungen ändern muss.

Arckaroph
quelle
1

VSCode User Setupist ein neues Installationsprogramm, das VSCode und seine Abhängigkeiten in Verzeichnissen installiert, für deren Änderung keine Berechtigungen auf Systemebene / Administrator erforderlich sind. Dies liegt daran, dass New VSCode mit Benutzerrechten ausgeführt wird. Ihre Nodejs-Installation hat den Pfad von npm als Systemvariable hinzugefügt, die VSCode nicht lesen kann.

Durch Hinzufügen eines NPM-Pfads zur Pfadvariablen in der Benutzervariablen können Sie NPM über die integrierte Befehlszeile ausführen.

Nilay Vishwakarma
quelle
0

Es ist eine Erweiterung verfügbar npm Script runner. Ich habe es aber nicht selbst versucht.

user3227106
quelle
3
Wenn Sie diese Erweiterung noch nicht ausprobiert haben, warum empfehlen Sie sie?
0

Als Alternative zu einigen der oben vorgeschlagenen Antworten können Sie PowerShell direkt als Terminal aufrufen, wenn Sie Powershell installiert haben. Das heißt, bearbeiten Sie den entsprechenden setting.jsonWert wie folgt:

"terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe"

Ich finde, dass dies gut funktioniert, da die Umgebung korrekt konfiguriert ist.

Taal
quelle
0

Öffnen Sie das Standardterminal Strg + P und fügen Sie diesen Befehl ein

npm i script-runner

Diese Protokolle müssen angezeigt werden. Npm sollte außerhalb der Knotenreplikation in Ihrer normalen Shell ausgeführt werden. (Drücken Sie Strg-D, um den Vorgang zu beenden.)

(Zum Beenden drücken Sie erneut ^ C oder geben Sie .exit ein.)

C: \ DW \ Beispiele \ Ang.Crud> npm i Skript-Runner npm WARN saveError ENOENT: Keine solche Datei oder kein solches Verzeichnis. Öffnen Sie 'C: \ DW \ Beispiele \ Ang.Crud \ package.json' package-lock.json. Sie sollten diese Datei festschreiben. npm WARN enoent ENOENT: Keine solche Datei oder kein solches Verzeichnis. Öffnen Sie 'C: \ DW \ Examples \ Ang.Crud \ package.json'. npm WARN Ang.Crud Keine Beschreibung npm WARN Ang.Crud Kein Repository-Feld. npm WARN Ang.Crud Keine README-Daten npm WARN Ang.Crud Kein Lizenzfeld.

  • [email protected] hat 7 Pakete von 5 Mitwirkenden hinzugefügt und 7 Pakete in 2.955 geprüft. Es wurden 0 Schwachstellen gefunden

Verwendung: npm

Wo ist einer von: Zugriff, Adduser, Audit, Bin, Bugs, C, Cache, CI, Cit, Vervollständigung, Konfiguration, Erstellen, DDP, Deduplizieren, Veralten, Dist-Tag, Dokumente, Arzt, Bearbeiten, Erkunden, Erhalten, Hilfe , Hilfesuche, Hook, i, init, Installation, Installationstest, it, Link, Liste, ln, Login, Logout, ls, veraltet, Besitzer, Pack, Ping, Präfix, Profil, Prune, Publish, RB, Rebuild , repo, neu starten, root, run, run-script, s, se, suchen, setzen, schrumpfen, stern, sterne, starten, stoppen, t, team, testen, token, tst, un, deinstallieren, unpublish, unstar, up , Update, v, Version, Ansicht, whoami

npm -h Schnelle Hilfe auf npm -l Vollständige Nutzungsinformationen anzeigen npm Hilfe Suche nach Hilfe auf npm Hilfe npm beteiligt Übersicht

Geben Sie Konfigurationen in der ini-formatierten Datei an: C: \ Users \ fdc.npmrc oder in der Befehlszeile über: npm - Schlüsselwert Konfigurationsinformationen können über folgende Adresse angezeigt werden: npm help config

[email protected] C: \ Programme \ nodejs \ node_modules \ npm

Grube
quelle
-1

Sie müssen die folgenden 3 Schritte ausführen, um Ihre Probleme zu beheben:

1. Laden Sie Node.js von hier herunter .

  1. Installieren Sie es und fügen Sie dann den Pfad C: \ Programme \ nodejs zu Ihren Systemvariablen hinzu.

  2. Starten Sie dann Ihren Visual Studio-Code-Editor neu.

Glücklicher Code

Soumyaranjan Rout
quelle