So erstellen Sie eine vue.js-Entwicklungsumgebung

Erstellen der vue.js-Entwicklungsumgebung: Installieren Sie zuerst [vue.js], dann installieren Sie den npm-Paketmanager, die Module, das Webpack und das Vue-Gerüst. Beginnen Sie schließlich mit der Initialisierung der Vue-Umgebung und installieren Sie die Projektabhängigkeiten zu Vue hier Die Entwicklungsumgebung ist eingerichtet.

[Empfohlenes Tutorial: Vue.js-Tutorial]

Umgebungsvorbereitung

Node.js Javascript-Laufzeitumgebung

npm-Paketverwaltungstool unter Node.js

Webpack-Front- Modulares Verwaltungs- und Verpackungstool für Endressourcen

vue-cli-Gerüstkonstruktionstool

cnpm npm Taobao-Spiegel

Vue.js-Installation

1. Die Installation von Node.js ist sehr einfach. Laden Sie zunächst die benötigte Version des Betriebssystems von der offiziellen Website herunter und fahren Sie dann mit dem nächsten Schritt fort.
Nach Abschluss der Installation geben Sie node -v in die Befehlszeile ein. Wenn die entsprechende Versionsnummer angezeigt wird, ist die Installation erfolgreich.

2. npm ist ein Paketverwaltungstool, das zusammen mit Node.js installiert wird. Sie können überprüfen, ob die Installation erfolgreich ist, indem Sie npm -v direkt in die Befehlszeile eingeben.

Obwohl der NPM-Paketmanager verfügbar ist, befindet sich die Serveradresse des Pakets, von dem der NPM-Download abhängig sein muss, im Ausland, was dazu führt, dass der Zugriff auf viele Ressourcen sehr langsam ist. So können wir Taobaos Haushaltsspiegel installieren.
3. Geben Sie npm install -g cnpm --registry=http://registry.npm.taobao.org in die Befehlszeile ein.
Auf diese Weise können Sie den Befehl cnpm verwenden, um das Modul zu installieren:

cnpm install [name]

4. Installieren Sie das Webpack

cnpm install webpack -g

5. Installieren Sie vue scaffolding

Initialisieren Sie eine Vue .js-Umgebung

den Befehl

npm install vue-cli -g

Installation Projektabhängigkeiten

vue init webpack name

npm install

cnpm install

cnpm install vue-router vue-resource --save

Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine vue.js-Entwicklungsumgebung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!