Heim > Web-Frontend > js-Tutorial > Hauptteil

Was ist Vue-Gerüst?

清浅
Freigeben: 2019-05-08 09:34:00
Original
34089 Leute haben es durchsucht

vue scaffolding bezieht sich auf vue-cli, ein spezielles Gerüst zum schnellen Erstellen komplexer Gerüste für Einzelseitenanwendungen. Es kann problemlos neue Anwendungen erstellen und zur automatischen Generierung von Vue- und Webpack-Projekten verwendet werden Vorlage.

Vue ist ein fortschrittliches Framework zum Erstellen von Benutzeroberflächen. Es kann Schicht für Schicht von unten nach oben aufgetragen werden. Die Kernbibliothek von Vue konzentriert sich nur auf die Ansichtsebene, die nicht nur einfach zu starten ist, sondern auch leicht in Bibliotheken von Drittanbietern oder bestehende Projekte integriert werden kann. Andererseits ist Vue in Kombination mit einer modernen Toolkette und verschiedenen unterstützenden Klassenbibliotheken vollständig in der Lage, Treiber für komplexe Einzelseitenanwendungen bereitzustellen. Als nächstes werden wir einen wichtigen Inhalt in Vue vorstellen, vue-cli, der bestimmte Funktionen hat Referenzwert, ich hoffe, er wird für alle hilfreich sein.

Was ist Vue-Gerüst?

[Empfohlener Kurs: Vue.js-Tutorial]

Was ist vue-cli

vue-cli ist eine offizielle CLI von Vue, die für den schnellen Aufbau komplexer Gerüste für Einzelseitenanwendungen konzipiert ist. Es handelt sich um eine Projektvorlage zum automatischen Generieren von vue.js+webpack und bietet batteriebetriebene Build-Einstellungen für moderne Front-End-Workflows. Es dauert nur wenige Minuten, um mit Hot-Neuladen, Lint-Überprüfung beim Speichern und einem produktionsbereiten Build betriebsbereit zu sein

vue-cli-Nutzung

(1) vue-cli installieren

Öffnen Sie das Terminalfenster und öffnen Sie cmd (Win+R-Tastenkombination) und geben Sie den folgenden Inhalt ein

npm install -g @vue.cli
Nach dem Login kopieren

In diesem Artikel In diesem Artikel: Wir müssen vue-cli Version 3 oder höher installieren. Wenn Sie die Version überprüfen möchten, können Sie den folgenden Befehl eingeben:

vue --version
Nach dem Login kopieren

Wenn die installierte Version niedriger als Version 3 ist, müssen Sie die neueste Version installieren

(3) Erstellen Sie ein benutzerdefiniertes Projekt

Wie Angular und React CLI erleichtert Vues CLI das Erstellen neuer Anwendungen. Das coolste Feature der Vue-Methode ist, dass Sie ein Boilerplate-Projekt erhalten können, das Ihren Zielen entspricht.

Geben Sie Folgendes in das Terminal ein:

vue create my-app
Nach dem Login kopieren

Hier lässt Sie die CLI auswählen, ob Sie möchten eine der Voreinstellungen konvertieren. Ob Sie Babel oder Eslint verwenden möchten, oder die zu verwendenden Funktionen manuell auswählen. Wenn Sie „Manuell“ wählen, wird der folgende Bildschirm angezeigt:

Was ist Vue-Gerüst?

Wenn Sie alle Fragen beantwortet haben, lädt Vue alles herunter und installiert es, was Sie benötigen. Von dort aus können Sie in das Verzeichnis gehen und npm run Serve ausführen, um das Projekt anzuzeigen, oder es in Ihrem Editor öffnen. Das Bild unten zeigt, wie Ihr Gerüstprojekt aussehen könnte, wenn Sie viele oder alle der verfügbaren Funktionen ausgewählt hätten.

Was ist Vue-Gerüst?

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dieser Artikel kann jedem helfen, das relevante Wissen über vue-cli zu verstehen.

Das obige ist der detaillierte Inhalt vonWas ist Vue-Gerüst?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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 Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage