1、首先第一步npm下载(使用bootstrap需要借助jquery)
cnpm i jquery
cnpm i bootsrtrap
2、在package.json同级创建vue.config.js文件
/*
*Vue-CLI项目的核心配置文件
*/
const webpack = require("webpack");
module.exports = {
configureWebpack: {
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery",
Popper: ["popper.js", "default"]
})
]
}
}
3、在main.js文件上方引入即可
//引入jquery
import $ from 'jquery'
// 引入bootstrap样式
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'