在一个html页面中加入bootstrap是很方便，就是一般的将css和js文件通过Link和Script标签就行。

那么在一个用vue-cli生成的前端项目中如何加入？因为框架不一样了，略微要适应一下。

安装插件：

npm install jquery --savenpm install bootstrap --savenpm install popper.js --save

配置webpack.base.conf.js

//在顶部添加const webpack = require('webpack')

//在module.exports = {}末尾添加下面代码 module.exports = {...plugins: [  new webpack.ProvidePlugin({   $: "jquery",   jQuery: "jquery"  }) ]}

main.js中添加

import $ from 'jquery'import 'bootstrap'

测试jquery

//在vue文件中添加测试代码 

测试bootstrap