想要在vue中引入bootstrap漏麦，引入的時(shí)候需要按照如下的步驟進(jìn)行。
1惨恭、引入jquery 2、引入bootstrap
閱讀本文前耙旦，應(yīng)該能夠搭建環(huán)境脱羡，使用vue-cli進(jìn)行項(xiàng)目的創(chuàng)建，可以參考文章：http://blog.csdn.net/wild46cat/article/details/76360229
1、通過(guò)npm view 模塊名 versions來(lái)查看模塊目前的版本锉罐，安裝也可以選擇版本安裝帆竹。例如：cnpm install jquery@11.7 --save-dev
2、 安裝參數(shù) --save 與 --save-dev 區(qū)別在于--save-dev安裝于開(kāi)發(fā)環(huán)境中（更多百度“npm”）
3脓规、使用命令npm install jquery --save-dev（或者 cnpm install jquery --save-dev） 引入jquery栽连。
4、在webpack.base.conf.js（如果是是開(kāi)發(fā)[dev]環(huán)境則在webpack.dev.conf.js侨舆；兩個(gè)文件都在bulid目錄下秒紧；請(qǐng)一定注意，我在操作的時(shí)候就是找錯(cuò)了文件态罪，半天都沒(méi)有弄對(duì)噩茄；）中添加如下內(nèi)容：
var webpack = require(‘webpack‘)
//和
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
})
],
5、在main.js中添加內(nèi)容
import $ from ‘jquery‘
6复颈、安裝bootstrap绩聘，使用命令cnpm install bootstrap --save-dev
7、安裝成功后耗啦，能夠在package.json文件夾中看到bootstrap這個(gè)模塊凿菩。這時(shí)候需要在main.js中添加如下內(nèi)容:
import ‘bootstrap/dist/css/bootstrap.min.css‘
import ‘bootstrap/dist/js/bootstrap.min‘
8、添加完成后帜讲，重新啟動(dòng)程序衅谷，cnpm run dev(重啟的過(guò)程中可能會(huì)出現(xiàn)如下圖的錯(cuò)誤：跟著錯(cuò)誤提示，你需要安裝 axios popper.js）
9似将、測(cè)試jquery获黔、與boostrap安裝是否成功
后記：
結(jié)合著官方文檔，進(jìn)入了條件渲染在验，偶然發(fā)現(xiàn)樣式太丑玷氏，于是就想著如何把bootstrap引入進(jìn)來(lái)，看著好看些腋舌，于是百度了盏触，找到了文章，可也還是遇到了一些問(wèn)題块饺，感覺(jué)這些問(wèn)題比較容易出現(xiàn)赞辩，所以就記錄一筆隨筆。
如果是php程序員授艰，你會(huì)發(fā)現(xiàn)node項(xiàng)目開(kāi)發(fā)和phpcomposer開(kāi)發(fā)是幾乎一樣的辨嗽，據(jù)說(shuō)是php學(xué)習(xí)的npm_
