一. vue 2.0環(huán)境下
1.創(chuàng)建vue項目? ?npm init webpack new-vue
2.安裝jQuery? ?npm install jquery --save? ?
? ??如果想查看npm上jquery有哪些版本，可以執(zhí)行命令： npm view jquery versions
1) 在webpack.base.conf.js中增加聲明webpack
var webpack=require('webpack')
2) 在module.exports = {}中添加以下代碼
plugins: [
new webpack.optimize.CommonsChunkPlugin('common'),
? new webpack.ProvidePlugin({
jQuery:'jquery',
? ? $:'jquery',
? ? "windows.jQuery":"jquery"
? })
]
3) 在用到 jquery 代碼的頁面
import $ from 'jqyery'? 或? ? import jQuery from 'jquery'
3. 安裝Bootstrap指定版本? ?npm install bootstrap@3.3.7 --save
Bootstrap 的dropdown插件是依賴popper.js 的，所以要安裝popper.js? 不然會報錯? ? npm install popper.js --save
在main.js中導(dǎo)入bootstrap
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'
二. vue 3.0 環(huán)境下
1.創(chuàng)建項目? vue create new-vue
2. 安裝 jQuery 和 bootstrap，在 main.js 引入bootstrap，同上
3. 配置
? ? 1）打開?.eslintrc.js?文件， 添加代碼
? ? 2）在根目錄下創(chuàng)建?vue.config.js? 文件，并添加代碼
參考的網(wǎng)站：解決Error：Bootstrap dropdown require Popper.js (https://popper.js.org) - CSDN博客
