Heim  >  Artikel  >  Web-Frontend  >  Eine kurze Diskussion über die Verwendung von npm zur Installation von Bootstrap und JQuery in Vue-Projekten

Eine kurze Diskussion über die Verwendung von npm zur Installation von Bootstrap und JQuery in Vue-Projekten

青灯夜游
青灯夜游nach vorne
2021-05-31 17:34:102146Durchsuche

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.

Eine kurze Diskussion über die Verwendung von npm zur Installation von Bootstrap und JQuery in Vue-Projekten

【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

Eine kurze Diskussion über die Verwendung von npm zur Installation von Bootstrap und JQuery in Vue-Projekten

Auf diese Weise wird jquery installiert.

Bootstrap-Installation:

1. Verwenden Sie npm install bootstrap@3.3.0 –save-dev

Eine kurze Diskussion über die Verwendung von npm zur Installation von Bootstrap und JQuery in Vue-Projekten

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen