So installieren Sie NodeJS Scaffolding Vuecli

Node.js ist eine leichtgewichtige JavaScript-Laufzeitumgebung, die JavaScript auf der Serverseite ausführen kann, sodass Entwickler die Programmierfunktionen von JavaScript für die serverseitige Programmierung nutzen können. Vue.js ist ein beliebtes Frontend-Framework, das einfach zu verwenden, effizient und flexibel ist und in der Webentwicklung für Mobilgeräte und PCs weit verbreitet ist.

Um Vue.js bequemer für die Webentwicklung nutzen zu können, stellt Vue.js ein Gerüsttool zur Verfügung, nämlich Vue CLI (Vue Command Line Interface). Vue CLI bietet eine standardisierte Toolkette, die Funktionen zum Erstellen, Starten und Verpacken umfasst, um Entwicklern beim schnellen Erstellen von Vue.js-Anwendungen zu helfen.

In diesem Artikel erfahren Sie, wie Sie Node.js und Vue CLI installieren und eine grundlegende Vue.js-Anwendung erstellen.

Node.js installieren

Um Vue CLI verwenden zu können, müssen Sie zunächst Node.js installieren. Node.js kann von der offiziellen Website https://nodejs.org/ heruntergeladen werden.

Wählen Sie die entsprechende Version zum Herunterladen entsprechend Ihrem System aus. Öffnen Sie nach Abschluss der Installation das Befehlszeilenfenster (Windows-Benutzer) und geben Sie den folgenden Befehl ein, um zu überprüfen, ob Node.js erfolgreich installiert wurde:

node -v

Wenn die Versionsnummer von Node.js zurückgegeben wird, bedeutet dies, dass Node.js erfolgreich installiert wurde.

Vue CLI installieren

Vue CLI kann über npm installiert werden. npm ist ein Paketmanager für Node.js, der verschiedene JavaScript-Pakete und -Tools aus dem öffentlichen npm-Repository herunterladen und installieren kann.

Geben Sie den folgenden Befehl in das Befehlszeilenfenster ein, um Vue CLI zu installieren:

npm install -g @vue/cli

Dieser Befehl installiert Vue CLI in der globalen Umgebung und kann überall verwendet werden.

Erstellen einer Vue.js-Anwendung

Nach der Installation der Vue-CLI können Sie damit eine Vue.js-Anwendung erstellen.

Geben Sie den folgenden Befehl in das Befehlszeilenfenster ein, um eine grundlegende Vue.js-Anwendung zu erstellen:

vue create my-project

Dabei ist my-project der Projektname, der entsprechend Ihren eigenen Anforderungen geändert werden kann.

Nach der Ausführung dieses Befehls werden Sie von Vue CLI aufgefordert, eine Voreinstellung auszuwählen, die verschiedene Optionen bereitstellt, darunter:

• Standard (Babel, CSS)
• Standard (Babel, PostCSS, ESLint)
• Standard (TypeScript)
• Standard (TypeScript, ESLint)
• Funktionen manuell auswählen

Diese Voreinstellungen konfigurieren automatisch einige häufig verwendete Optionen, z. B. die Verwendung von Babel, PostCSS, ESLint usw. Wenn Sie nur eine Basisanwendung benötigen, können Sie die Standardoption wählen.

Vue CLI lädt dann alle erforderlichen Pakete und Abhängigkeiten herunter und generiert eine grundlegende Vue.js-Anwendung.

Führen Sie die Vue.js-Anwendung aus

Nachdem Sie die Vue.js-Anwendung erstellt haben, können Sie sie ausführen. Gehen Sie im Befehlszeilenfenster zum Projektverzeichnis und geben Sie den folgenden Befehl ein:

cd my-project
npm run serve

Dadurch wird ein lokaler Entwicklungsserver gestartet, der im Browser unter http://localhost:8080 angezeigt werden kann, um die Anwendung anzuzeigen.

Zusammenfassung

Node.js und Vue CLI sind beides sehr leistungsstarke Tools, die Entwicklern helfen können, schnell Vue.js-Anwendungen zu erstellen. In diesem Artikel erfahren Sie, wie Sie Node.js und die Vue-CLI installieren und eine grundlegende Vue.js-Anwendung erstellen. Ich hoffe, dass dieser Artikel Ihnen dabei helfen kann, Vue.js bequemer für die Webentwicklung zu verwenden.

Das obige ist der detaillierte Inhalt vonSo installieren Sie NodeJS Scaffolding Vuecli. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!