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!