Heim > Web-Frontend > Front-End-Fragen und Antworten > In welcher Umgebung muss Vue installiert werden?

In welcher Umgebung muss Vue installiert werden?

青灯夜游
Freigeben: 2023-01-11 09:22:51
Original
13668 Leute haben es durchsucht

vue erfordert die Installation der Node-Umgebung. Der Betrieb von Vue hängt vom NPM-Verwaltungstool des Knotens ab. Mit dem Knoten können Pakete und Bereitstellungen erstellt, einzelne Vue-Dateikomponenten analysiert, jedes Vue-Modul analysiert, der lokale Host des Testservers gestartet und Plug-Ins wie Vue-Router verwaltet werden und Vue-Ressource.

In welcher Umgebung muss Vue installiert werden?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Welche Umgebungen müssen für die Vue-Projektentwicklung vorbereitet und konfiguriert werden?

Ich glaube, dass viele Leute auf einige große und kleine Fallstricke stoßen werden, wenn sie anfangen, das Vue-Framework zu erlernen und eine Entwicklungsumgebung zu erstellen. Ich habe es einmal erstellt, als ich Angular gelernt habe, und es dann einen Monat später erneut erstellt Zeit gab es einige Verwirrung, also wollte ich es heute klären;

vue wird jetzt im Front-End verwendet und ist eines der am häufigsten verwendeten Frameworks für Front-End-Ingenieure. Es hat also einige Ähnlichkeiten mit Angular Ich habe Angular verwendet. Freunde, es sollte nicht allzu schwierig sein, Vue erneut zu lernen.

1: Laden Sie die Node-Umgebung herunter und installieren Sie sie. Bevor Sie die Vue-Entwicklungsumgebung einrichten, müssen Sie zuerst node.js herunterladen Der Betrieb von Vue hängt davon ab, ob das NPM-Verwaltungstool von Node implementiert ist.

Und es ist bequemer, Knoten zu verwenden, zu verpacken und bereitzustellen, einzelne Vue-Dateikomponenten zu analysieren, jedes Vue-Modul zu analysieren, sie zusammenzusetzen usw., den lokalen Host des Testservers zu starten und Ihnen bei der Verwaltung von Vue-Router und Vue-Ressourcen zu helfen Plug-Ins. Daher verwenden wir normalerweise die Vue+node-Methode, was praktisch ist und Ärger erspart. node kann von der offiziellen Website oder der chinesischen Website heruntergeladen werden. Sie können je nach Computer 32 oder 64 auswählen Überprüfen Sie im Dokumentenverwaltungstool zunächst, ob der Knoten erfolgreich installiert wurde. Geben Sie node -v ein und drücken Sie die Eingabetaste. Die Versionsnummer des Knotens wird ausgegeben langsam, daher empfehlen wir hier die Verwendung von Taobao npm Mirror. Verwenden Sie

Taobaos cnpm-Befehlsverwaltungstool, um das Standard-npm-Verwaltungstool zu ersetzen:

$ npm install

-

g cnpm

--

registry

=https

:

/ /registry.npm.taobao.org;

Drei: Nachdem das Taobao-Image erfolgreich installiert wurde, können wir vue-cli-Gerüst global verwenden , geben Sie die ein Befehl:

cnpm install --global vue-cli Drücken Sie die Eingabetaste; überprüfen Sie, ob die Installation erfolgreich ist, geben Sie vue in den Befehl ein, die Vue-Informationen werden angezeigt und die Installation beginnt ist erfolgreich. : Nach dem Bau des Gerüsts müssen wir mit dem Bau eines neuen Projekts beginnen Ich schlage vor, dass wir versuchen, es nicht auf dem Laufwerk C zu installieren. Da die von vue heruntergeladene Datei relativ groß ist, geben Sie einfach D: ein und drücken Sie die Eingabetaste, um sie direkt zu ändern Dann beginnen wir mit der Erstellung eines neuen Projekts und geben den Befehl ein: vue init webpack my

-

project Drücken Sie die Eingabetaste. My-project ist der Name meines eigenen Ordner. Es handelt sich um ein Webpack-basiertes Projekt. Drücken Sie die Eingabetaste, bis angezeigt wird, ob Sie den Vue-Router installieren möchten Geben Sie einfach y ein und drücken Sie die EingabetasteIm Folgenden wird angezeigt, ob eine js-Syntaxerkennung erforderlich ist. Wir werden diese vorübergehend verwenden. Wenn nicht, können Sie direkt „Nein“ eingeben, im Übrigen können Sie direkt „Nein“ eingeben , die wir vorerst nicht nutzen werden

Viertens: Der Ordner wurde heruntergeladen. Jetzt können Sie den Ordner aufrufen, Folgendes eingeben: cd mein-Projekt und die Eingabetaste drücken, da jede Vorlage voneinander abhängig ist. Daher müssen wir jetzt die Abhängigkeiten installieren,

Geben Sie den Befehl ein: cnpm install

Fünf: Nachdem es installiert wurde, müssen wir nun testen, ob die heruntergeladene Vorlage normal ausgeführt werden kann. Geben Sie in der Befehlszeile Folgendes ein: npm führen Sie dev aus und drücken Sie die Eingabetaste. 8080 ist der Standardport. Wenn Sie darauf zugreifen möchten, geben Sie localhost:8080 direkt in den Browser ein Auf diese Weise wurde unser Vue-Basisprojekt installiert und ausgeführt. Wir sind in die Tür von Vue getreten und es ist fertig Nach dem Upgrade auf 4.0 ist die Projekterstellungsmethode einfacher und bequemer. Geben Sie den Befehl ein: npm install -g @vue/cli, um das Gerüsttool herunterzuladen. Geben Sie nach dem erfolgreichen Download den Befehl ein: vue create

Dann wählen Sie Konfiguration, die erste Standardkonfiguration ist die Standardkonfiguration und die zweite ist die manuelle Konfiguration, abhängig von Ihren eigenen Projektanforderungen, konfigurieren Sie die erforderlichen Dateien (aber im Allgemeinen wähle ich der Einfachheit halber die Standardkonfiguration, haha). ) und warten Sie dann. Nachdem die Datei erfolgreich erstellt wurde, geben Sie direkt den Befehl ein: npm run Serve, und Sie können das Projekt ausführen!

Verwandte Empfehlungen: „

vue.js Tutorial

Das obige ist der detaillierte Inhalt vonIn welcher Umgebung muss Vue installiert werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
vue
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage