不啰嗦,上步驟(因?yàn)锽ootstrap基于JQuery實(shí)現(xiàn),所以需要先集成JQuery)
1.腳手架創(chuàng)建VUE工程(步驟省略)
2.集成JQuery
????安裝JQuery? ??
????????npm install jquery? ? 或? ??cnpm i -S jquery
? ? 修改 build 目錄下的 webpack.base.conf.js?

在文件頭部增加

修改此處內(nèi)容
????修改main.js

添加全局引用
????????到此,JQuery集成完成。
3.集成Bootstrap
?????安裝Bootstrap(此處安裝Bootstrap 3)
????????cnpm i -S?bootstrap@3? ? ?或? ? npm install bootstrap@3
??????修改main.js

添加全局引用
? ? ? ? OK,Bootstrap集成完成。
4.測(cè)試一下

在使用的vue文件里添加個(gè)按鈕,樣式選擇bootstrap提供的警告樣式

出現(xiàn)此樣式按鈕,即代表成功
樓主初次接觸Web前端,以上內(nèi)容為自學(xué)中的總結(jié),提供給像我一樣新入坑的新手,避免大家踩不必要的坑。
若以上內(nèi)容有錯(cuò)誤或者不合適的地方,還請(qǐng)多多指正,如果對(duì)你有幫助,可以留言鼓勵(lì)或者贊助下樓主~