Heim >Web-Frontend >Bootstrap-Tutorial >Gibt es einen Konflikt zwischen der Verwendung von Vue und Bootstrap?

Gibt es einen Konflikt zwischen der Verwendung von Vue und Bootstrap?

WBOY
WBOYOriginal
2022-03-09 17:21:557403Durchsuche

Es gibt keinen Konflikt zwischen der Verwendung von Vue und Bootstrap. Wenn Sie Bootstrap verwenden müssen, um die Entwicklungseffizienz zu verbessern, können Sie das BootstrapVue-Framework verwenden, bei dem es sich um ein spezielles Framework handelt Entwickelt von Bootstrap für Vue.

Gibt es einen Konflikt zwischen der Verwendung von Vue und Bootstrap?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Bootstrap-Version 3.3.7, DELL G3-Computer

Gibt es einen Konflikt zwischen der Verwendung von Vue und Bootstrap?

Vue-Schreibvorlagen können Bootstrap zur Verbesserung verwenden Entwicklungseffizienz

Wenn Sie sie in Kombination verwenden möchten, wird die Verwendung des BV-Frameworks empfohlen  Bootstrap ist ein Framework, das speziell für Vue entwickelt wurde

BootstrapVue ist ein Front-End-UI-Framework, das auf Bootstrap v4 + Vue.js basiert. Als Einstiegsframework zum Erlernen des Vue.js-Frameworks selbst halte ich BootstrapVue für sehr gut. Das Bootstrap-Framework selbst ist leichtgewichtig, leicht zu erlernen und mit vielen Plugins und Theme-Stilen von Drittanbietern auf der ganzen Welt sehr beliebt. Als progressives Framework konzentriert sich die Kernbibliothek von Vue.js nur auf die Ansichtsebene, die nicht nur einfach zu starten ist, sondern auch leicht in Frameworks von Drittanbietern oder bestehende Projekte integriert werden kann.

Installationsschritte für das BootstrapVue-Framework

Vorbereitungsarbeiten, Vue-CLI installieren

Der Name des Vue-CLI-Pakets wurde von vue-cli in @vue/cli geändert. Wenn eine alte Version von vue-cli (1.x oder 2.x) installiert ist, müssen Sie zuerst die alte Version entfernen:

npm uninstall -g vue-cli

und dann die neue Version installieren:

npm install -g @vue/cli

Überprüfen Sie die Vue-Version:

vue --version

Wenn 3.x angezeigt wird, bedeutet dies, dass die Installation korrekt ist.

Erstellen Sie ein neues Vue-Projekt

vue create bootstrapvue-demo

Wenn Sie dazu aufgefordert werden, wählen Sie bitte eine Voreinstellung aus, wählen Sie die Standardeinstellung aus und drücken Sie die Eingabetaste.

Vue-Projekt ausführen

cd bootstrapvue-demo
npm run serve

Verwandte Empfehlungen: Bootstrap-Tutorial

Das obige ist der detaillierte Inhalt vonGibt es einen Konflikt zwischen der Verwendung von Vue und Bootstrap?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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