Was sind die Vue-Entwicklungstools?

Vue-Entwicklungstools: 1. Vue Press;

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

Zusätzlich zu JavaScript verfügt das Front-End jetzt auch über drei Frameworks: React, Vue und Angular, die auf dem Markt häufiger verwendet werden. Man kann sagen, dass diese drei Frameworks den Status des Front-Ends verändert haben Im Vergleich zu Angular verfügt Vue auch über eine Fülle von Anweisungen und ist ein relativ leichtes Vue-Framework, das derzeit von vielen Entwicklern verwendet wird und daher immer beliebter wird Es ist auch vollständiger geworden. Es gibt auch viele verwandte Tools, die hauptsächlich auf der Lernkurve und der klaren Designstruktur und Nutzungsdokumentation basieren, sodass erfahrene Entwickler problemlos von anderen Frameworks ausgehen können. Lassen Sie mich Ihnen vorstellen, was die Entwicklungstools von Vue sind.

Vue CLI

Um Entwicklern den schnellen Einstieg zu erleichtern, bietet es CLI-ähnliche Gerüsttools wie das seltsame Framework, das für die schnelle Vue-Standardisierung verwendet werden kann Die Tool-Basis im Vue-Ökosystem 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, ohne sich lange um Konfigurationsprobleme kümmern zu müssen. Beispielsweise können Sie Plug-Ins schnell und einfach integrieren -ins wie Babel, TypeScript, ESLint, PostCSS, Jest, Mocha, Nightwatch und Cypress.

Vue Press

VuePress ist ein statischer Website-Generator, der von Vue, Vue Router und Webpack gesteuert wird. In VuePress können Sie Dokumente schreiben und dann Webseiten generieren. Jede Seite wird von generiert. Die von VuePress generierten Seiten verfügen über vorgerendertes HTML, sodass sie eine sehr gute Ladeleistung und Suchmaschinenoptimierung aufweisen. Sobald die Seite geladen ist, übernimmt Vue gleichzeitig den Inhalt und konvertiert ihn in einen Vollständige Einzelseitenanwendung. Andere Seiten müssen nur geladen werden, wenn der Benutzer zu ihnen navigiert Dies kann auch als globale Statusverwaltung bezeichnet werden. Ein einfaches Verständnis besteht darin, dass Sie, nachdem Sie Daten im Status definiert haben, diese in jeder Komponente im Projekt abrufen und ändern können und der geänderte Teil globale Antwortänderungen in jeder Vuex-Anwendung erhalten kann Der Kern ist der Store, der als Container verwendet werden kann und den Großteil des Status in der Anwendung enthält.

Nuxt

Nuxt.js ist ein leichtes Anwendungsframework, das auf Vue.js basiert. Es kann auch als statische Site-Engine zum Generieren statischer Site-Anwendungen verwendet werden eine elegante Codestrukturschichtung sowie Hot-Loading und andere Funktionen.

Vuetify

Vuetify ist derzeit eine der besten UI-Komponentenbibliotheken auf Basis von Veu. Sie bietet eine große Anzahl sorgfältig erstellter Komponenten, die auf Materialdesign-Spezifikationen basieren und die Anforderungen jeder Anwendung erfüllen können.

Quasar

Quasar ist ein MIT-lizenziertes Open-Source-Framework auf Basis von Vue, das Webentwicklern dabei helfen kann, reaktionsfähige Websites, PWAs zum Erstellen mobiler APPs über Apacha Cordova und plattformübergreifende Anwendungen zu erstellen. Quasar erfordert, dass Entwickler etwa einmal Code schreiben Verwenden Sie dieselbe Codebasis, um sie gleichzeitig als Website, PWA, Mobile APP und Electron App bereitzustellen. Verwenden Sie die fortschrittlichste CLI, um Anwendungen zu entwerfen und sorgfältig geschriebene, sehr schnelle Quasar-Webkomponenten bereitzustellen Normalerweise habe ich einige Probleme beim Entwickeln von Komponenten, insbesondere bei öffentlichen Komponenten oder Komponenten von Drittanbietern. Bei der Vorschau von Komponenten kann ich sie nicht klar erkennen und auch nicht gut darauf reagieren Zustände von Komponenten,

Automatisierte Interaktionstests können Enzyme verwenden, aber oft müssen Sie manuell testen,

Beim Schreiben von Dokumenten müssen Sie die Komponentenvorschau und das Dokument zusammen schreiben und verschiedene Zustände wechseln,

Storbook ist also entstanden, um diese Probleme zu lösen. Es kann eine leistungsstarke Entwicklungsumgebung für Komponenten erstellen und bietet hauptsächlich die folgenden Punkte: Bietet eine leistungsstarke UI-Komponentenverwaltungsseite, die sehr bequem und übersichtlich gruppiert werden kann Komponenten oder unterschiedliche Zustände einer Komponente

Zusätzlich zu automatisierten Interaktionstests können problemlos manuelle Interaktionstests durchgeführt werden, und Komponentenparameter können dynamisch geändert werden, um Ansichtsänderungen anzuzeigen
Sie können Komponentenvorschauen als statische Ressourcen exportieren. Damit Sie die Dokumentation der Komponente und verschiedene Ansichten, die verschiedenen Parametern entsprechen, sowie eine Reihe von Plug-Ins einfach anzeigen können, um uns dabei zu helfen, die Arbeit zum Entwickeln, Testen und Optimieren von Komponenten besser abzuschließen.

Dieses Tool ermöglicht es Entwicklern, diese unabhängig von den Hauptanwendungskomponenten in einer isolierten Entwicklungsumgebung interaktiv darzustellen, ohne sich um anwendungsspezifische Abhängigkeiten und Anforderungen kümmern zu müssen, was es für Entwickler, Designer usw. bequem macht. Menschen beteiligen sich an Projekten.

Visual Studio Code

Visual Studio Code (kurz „VS Code“) ist ein Programm, das Microsoft auf der Build Developer Conference am 30. April 2015 offiziell angekündigt hat und das auf Mac OS X, Windows und Linux A läuft plattformübergreifender Quellcode-Editor zum Schreiben moderner Web- und Cloud-Anwendungen, der auf dem Desktop läuft und für Windows, macOS und Linux verfügbar ist. Es verfügt über integrierte Unterstützung für JavaScript, TypeScript und Node.js sowie ein umfangreiches Ökosystem an Erweiterungen für andere Sprachen (wie C++, C#, Java, Python, PHP, Go) und Laufzeiten (wie .NET und Einheit).

WebStorm

WebStorm ist ein JavaScript-Entwicklungstool von JetBrains. Es wurde von der Mehrheit der chinesischen JS-Entwickler als „Web-Front-End-Entwicklungsartefakt“, „leistungsstärkster HTML5-Editor“, „intelligentste JavaScript-IDE“ usw. gelobt. Es hat denselben Ursprung wie IntelliJ IDEA und erbt die Funktionen des leistungsstarken JS-Teils von IntelliJ IDEA.

Verwandte Empfehlungen: „vue.js Tutorial“

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