Hinweis
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, sich anzumelden oder das Verzeichnis zu wechseln.
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, das Verzeichnis zu wechseln.
In dieser Schnellstartanleitung erstellen und ausführen Sie eine Basis-Vue.js Front-End-Webanwendung. Dieser Artikel enthält eine 5-10-minütige Einführung in die Visual Studio integrierte Entwicklungsumgebung (Integrated Development Environment, IDE).
Voraussetzungen
Bereiten Sie Ihre Konfiguration mit den folgenden Voraussetzungen vor:
Visual Studio 2022 oder höher (Holen Sie sich die kostenlose Version unter Visual Studio Downloads)
npm (enthalten in Node.js, https://www.npmjs.com/)
Vue.js (Installation | Vue.js (vuejs.org))
Erstellen Ihrer Vue-App
Erstellen Sie eine Vue.js Web-App, indem Sie die folgenden Schritte ausführen:
Wählen Sieim Visual Studio Startfenster (>) die Option "Neues Projekt erstellen" aus.
Geben Sie im Dialogfeld " Neues Projekt erstellen " im Suchfeld "Vue " ein. Wählen Sie die Vue-App-Vorlage für JavaScript oder TypeScript und dann "Weiter" aus.
In Visual Studio 2022, Version 11 und höher, wird der Vorlagenname standalone JavaScript Vue Project in Vue App geändert.
Geben Sie einen Namen für Ihr Projekt und Ihre Projektmappe ein, und wählen Sie "Erstellen" aus.
Warten Sie, bis Visual Studio Ihr neues Projekt erstellt hat.
Anzeigen der Projekteigenschaften
Mit den Standardprojekteinstellungen können Sie das Projekt erstellen und debuggen.
Wenn Sie Einstellungen ändern möchten, führen Sie die folgenden Schritte aus:
Klicken Sie mit der rechten Maustaste auf das Projekt in Projektmappen-Explorer, und wählen Sie "Eigenschaften" aus.
Wählen Sie im Projekteigenschaftenbereich "Debuggen", "Linting", " Erstellen" oder "Bereitstellen" aus, um die entsprechenden Eigenschaften anzuzeigen.
Verwenden Sie für die Debuggerkonfiguration die launch.json Datei.
Anmerkung
In launch.json der Debuggerkonfigurationsdatei werden die Starteinstellungen gespeichert, die der Startaktion in der Debugsymbolleiste zugeordnet sind. Die launch.json Datei muss sich unter dem .vscode Ordner in Ihrem Projekt befinden.
Erstellen Ihres Projekts
Um Ihr neues Projekt zu erstellen, wählen Sie Erstellen>Projektmappe erstellen aus.
Starten Sie Ihr Projekt
Wählen Sie F5 aus, oder verwenden Sie die Startaktion am oberen Rand des Fensters.
Das Projekt öffnet eine Eingabeaufforderung mit dem folgenden Text (oder ähnlich):
VITE v4.4.9 ready in 780 ms
Anmerkung
Überprüfen Sie die Konsolenausgabe auf Nachrichten, z. B. Anweisungen zum Aktualisieren Ihrer Version von Node.js.
Wenn der Prozess erfolgreich verläuft, wird die Basis-Vue.js App geöffnet.