Was ist Vue CLI?

vue cli ist ein vollständiges System für die schnelle Entwicklung, das auf [Vue.js] basiert, einem interaktiven Projektgerüst, das über [@vue/cli] implementiert wird. Vue CLI ist bestrebt, die Toolbasis im Vue-Ökosystem zu standardisieren, um verschiedene Builds sicherzustellen Tools können auf Basis intelligenter Standardkonfigurationen reibungslos angebunden werden.

[Empfehlung für verwandte Artikel: uvue.js

] Vue CLI ist ein vollständiges System basierend auf Vue.js für eine schnelle Entwicklung, vorausgesetzt: über @Vue Interaktives Projektgerüst, implementiert von /cli .

Prototypentwicklung ohne Konfiguration über @vue/cli + @vue/cli-service-global.赖 Eine Abhängigkeit (@Vue/Cli-Service), diese Abhängigkeiten:

• können aktualisiert werden; ；
                                                                                                                                                                 .

• Eine umfangreiche Sammlung offizieller Plug-Ins, die die besten Tools im Front-End-Ökosystem integriert.

• Eine vollständig grafische Benutzeroberfläche zum Erstellen und Verwalten von Vue.js-Projekten.
  Vue CLI setzt sich für die Standardisierung der Tool-Grundlage im Vue-Ökosystem ein. Es stellt sicher, dass verschiedene Build-Tools auf der Grundlage intelligenter Standardkonfigurationen reibungslos verbunden werden können, sodass Sie sich auf das Schreiben von Anwendungen konzentrieren können, anstatt sich tagelang um Konfigurationsprobleme kümmern zu müssen. Gleichzeitig bietet es jedem Werkzeug die Flexibilität, Konfigurationen anzupassen, ohne es auszuwerfen.

  Komponenten des Systems

• Vue CLI besteht aus mehreren unabhängigen Teilen – wenn Sie sich unseren Quellcode ansehen, werden Sie feststellen, dass dieses Repository mehrere separat veröffentlichte Pakete gleichzeitig verwaltet.

CLI

• CLI (@vue/cli) ist ein global installiertes npm-Paket, das Vue-Befehle im Terminal bereitstellt. Mit Vue Create kann schnell ein neues Projekt erstellt oder mit Vue Serve direkt ein Prototyp einer neuen Idee erstellt werden. Sie können alle Ihre Projekte auch über eine Reihe grafischer Schnittstellen über vue ui verwalten. In den folgenden Leitfäden gehen wir Kapitel für Kapitel näher darauf ein.

CLI-Dienst

CLI-Dienst (@vue/cli-service) ist eine Entwicklungsumgebungsabhängigkeit. Es handelt sich um ein npm-Paket, das lokal in jedem von @vue/cli erstellten Projekt installiert wird.

CLI-Dienst basiert auf webpack und webpack-dev-server. Es umfasst:

Kerndienste zum Laden anderer CLI-Plug-Ins;

eine interne Webpack-Konfiguration, die für die meisten Anwendungen optimiert ist;

vue-cli-service-Befehl innerhalb des Projekts, der Serve, Build und Inspect bereitstellt Befehle.

@vue/cli-service) 是一个开发环境依赖。它是一个 npm 包，局部安装在每个 @vue/cli 创建的项目中。

CLI 服务是构建于 webpack 和 webpack-dev-server之上的。它包含了：

• 加载其它 CLI 插件的核心服务；

• 一个针对绝大部分应用优化过的内部的 webpack 配置；

• 项目内部的 vue-cli-service 命令，提供 serve、build 和 inspect 命令。

如果你熟悉 create-react-app 的话，@vue/cli-service 实际上大致等价于 react-scripts，尽管功能集合不一样。

CLI 服务章节涵盖了它的具体用法。

CLI 插件

CLI 插件是向你的 Vue 项目提供可选功能的 npm 包，例如 Babel/TypeScript 转译、ESLint 集成、单元测试和 end-to-end 测试等。Vue CLI 插件的名字以 @vue/cli-plugin- (内建插件) 或 vue-cli-plugin- (社区插件) 开头，非常容易使用。

当你在项目内部运行 vue-cli-service

Wenn Sie mit Create-React-App vertraut sind, entspricht @vue/cli-service tatsächlich in etwa React-Scripts, obwohl der Funktionsumfang unterschiedlich ist.

Das Kapitel zum CLI-Service behandelt seine spezifische Verwendung.

CLI-Plugins

🎜CLI-Plugins sind npm-Pakete, die optionale Funktionen für Ihr Vue-Projekt bereitstellen, wie z. B. Babel/TypeScript-Transpilation, ESLint-Integration, Unit-Tests, End-to-End-Tests usw. Der Name des Vue CLI-Plug-Ins beginnt mit @vue/cli-plugin- (integriertes Plug-In) oder vue-cli-plugin- (Community-Plug-In), was sehr einfach zu verwenden ist. 🎜🎜Wenn Sie den Befehl vue-cli-service in Ihrem Projekt ausführen, werden alle in package.json aufgeführten CLI-Plugins automatisch analysiert und geladen. 🎜🎜Plug-ins können im Rahmen des Projekterstellungsprozesses verwendet oder zu einem späteren Zeitpunkt zum Projekt hinzugefügt werden. Sie können auch in einer Reihe wiederverwendbarer Voreinstellungen gruppiert werden. Wir werden dies im Kapitel „Plugins und Voreinstellungen“ ausführlich besprechen. 🎜🎜🎜Verwandte kostenlose Lernempfehlungen: 🎜Javascript🎜 (Video) 🎜🎜

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