Heim > Artikel > Web-Frontend > Eine kurze Diskussion über die Verwendung von npm zur Installation von Bootstrap und JQuery in Vue-Projekten
In diesem Artikel erfahren Sie, wie Sie mit npm Bootstrap und JQuery in einem Vue-Projekt installieren. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.
【Verwandte Empfehlung: „vue.js Tutorial“】
Verwenden Sie npm, um Bootstrap und JQuery im Vue-Projekt zu installieren
Nach vielen Anfragen und Experimenten habe ich die Schritte im Vue-Projekt zusammengefasst Wann Wenn Sie das Bootstrap-Framework verwenden, beachten Sie bitte die npm-Installation
Das js-Plug-in in Bootstrap hängt von jquery ab, daher muss jquery vorher installiert werden.
jquery-Installation
1. Fügen Sie eine Codezeile in package.json hinzu: „jquery“: „^2.2.3“
"dependencies": { "element-ui": "^2.0.5", "vue": "^2.5.2", "vue-router": "^3.0.1", "jquery": "^2.2.3" }
2. Fügen Sie eine Datenzeile in die Build-Datei webpack.base.conf ein. js:
//注:...代表省略自有的, //必定事先声明webpack,不然下面会不识别webpack const webpack = require('webpack') ... module.exports = { resolve: { ... alias: { ... 'jquery': 'jquery' } }, plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "windows.jQuery": "jquery" }) ], ... }
3. Hinzufügen: import $ from 'jquery'
4. Verwenden Sie npm install jquery@2.2.3 –save-dev
Auf diese Weise wird jquery installiert.
Bootstrap-Installation:
1. Verwenden Sie npm install bootstrap@3.3.0 –save-dev
2. Geben Sie
import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap/dist/js/bootstrap.min.js'
auf der erforderlichen Seite ein und führen Sie schließlich npm dev aus, um das Projekt zu starten wird in Ordnung sein.
Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideos! !
Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über die Verwendung von npm zur Installation von Bootstrap und JQuery in Vue-Projekten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!