Einführung und Installation von vue-cli

1. Einleitung

vue-cli ist ein Tool, das eng mit vue integriert ist. Es kann uns dabei helfen, schnell vue -Projekte zu erstellen und einige Scaffolding-bezogene Codes für uns zu erstellen. Wenn Sie Vue wirklich zum Entwickeln von Projekten verwenden, verwenden Sie vue-cli zum Erstellen von Projekten.

2. Einführung in vue-cli

Vue CLI ist ein vollständiges System zur schnellen Entwicklung auf Basis von Vue.js und bietet:

• Interaktives Projekt-Scaffolding, implementiert durch @vue/cli .
• Entwicklung von Prototypen ohne Konfiguration durch @vue/cli + @vue/cli-service-global .
  
• Eine Laufzeitabhängigkeit (@vue/cli-service)， die:
  
• (1) Aufrüstbar;
• (2) Basierend auf webpack mit angemessener Standardkonfiguration; 9
• (3) Kann über die Konfigurationsdatei im Projekt konfiguriert werden;
• (4) Kann durch Plugins erweitert werden.
  
• Eine umfangreiche Sammlung offizieller Plugins, die die besten Tools in das Front-End-Ökosystem integriert.
• Eine vollständig grafische Benutzeroberfläche zum Erstellen und Verwalten Vue.js Projekten.
  

Vue CLI hat sich zum Ziel gesetzt, die Tool-Grundlage im Vue -Ökosystem zu standardisieren. Es stellt sicher, dass verschiedene Build-Tools basierend auf intelligenten Standardkonfigurationen reibungslos verbunden werden können, sodass Sie sich auf das Schreiben von Anwendungen konzentrieren können, anstatt sich tagelang mit Konfigurationsproblemen herumzuschlagen. Gleichzeitig bietet es auch die Flexibilität, die Konfiguration jedes Werkzeugs anzupassen, ohne eject .

2.1 Befehlszeilenschnittstelle

CLI (@vue/cli) ist ein global installiertes npm Paket, das vue -Befehle im Terminal bereitstellt. Es kann schnell ein neues Projekt über vue create erstellen oder einen Prototyp neuer Ideen direkt über vue serve erstellen. Sie können alle Ihre Projekte auch über eine grafische Benutzeroberfläche mit vue ui verwalten.

2.2 CLI-Dienst

CLI (@vue/cli-service) ist eine Abhängigkeit der Entwicklungsumgebung. Es ist ein npm Paket, das lokal in jedem von @vue/cli erstellten Projekt installiert wird.
CLI Server basiert auf webpack und webpack-dev-server . Es enthält:

• Kerndienst zum Laden anderer CLI Plugins;
• Eine interne webpack -Konfiguration, die für die meisten Anwendungen optimiert ist;
• Der Befehl vue-cli-service innerhalb des Projekts bietet die Befehle serve , build und inspect .
  

2.3 CLI-Plugin

CLI -Plugins sind NPM-Pakete, die Ihren Vue-Projekten optionale Funktionen bereitstellen, wie etwa Babel/TypeScript -Transpilierung, ESLint Integration, Unit-Tests, end-to-end -Tests usw. Die Namen Vue CLI Plugins beginnen mit @vue/cli-plugin- (integrierte Plugins) oder vue-cli-plugin - (Community-Plugins) und sind sehr einfach zu verwenden.

Wenn Sie den Befehl vue-cli-service in Ihrem Projekt ausführen, werden automatisch alle in package.json aufgelisteten CLI Plugins aufgelöst und geladen.

Plugins können im Rahmen des Projekterstellungsprozesses erstellt oder zu einem späteren Zeitpunkt zum Projekt hinzugefügt werden. Sie können auch in einem Satz wiederverwendbarer preset gruppiert werden.

3. @vue-cli-Installation

Vue CLI 4.x erfordert Node.js v8.9 oder höher (v10 oder höher wird empfohlen). Sie können n , nvm oder nvm-windows verwenden, um mehrere Node-Versionen auf demselben Computer zu verwalten.

Der Installationsbefehl lautet wie folgt:

npm install -g @vue/cli

Mit diesem Befehl können Sie überprüfen, ob die Version korrekt ist

vue --version

Dies ist das Ende dieses Artikels über die Einführung und Installation von vue-cli. Weitere relevante Inhalte zur Einführung und Installation von vue-cli finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!