喜歡的小伙伴點(diǎn)個(gè)贊哦。
這幾天自己打算做一個(gè)項(xiàng)目,把一些前端方面的知識(shí)歸總一下,順便學(xué)一下thinkphp
包竹。項(xiàng)目途中修噪,遇到了很多的問題查库。我本來(lái)一開始打算用element-UI
,不打算使用bootstrap
,但是最終還是放棄了element-UI
黄琼。原因無(wú)他樊销,用慣了bootstrap
,就是覺得element-UI
太難用脏款。不過围苫,作為一個(gè)長(zhǎng)期項(xiàng)目,以后也有肯能會(huì)用其他的UI
組件替代bootstrap
撤师,畢竟前端還是要多多的嘗試新東西剂府。
好了,廢話也說(shuō)完了剃盾,我們就正式來(lái)講講正題吧腺占。
- 第一步,當(dāng)然是使用
npm
來(lái)安裝bootstrap
痒谴。
npm install bootstrap@4
這里@4
的作用是指定安裝的版本是4.x
版本, 不寫的話衰伯,就默認(rèn)安裝最新版本,我還是喜歡寫上的闰歪。 - 通過前面的步驟嚎研,我們已經(jīng)安裝了
bootstrap
,接下來(lái)我們就需要安裝jquery
,因?yàn)?code>bootstrap是依賴于jquery
的。我們同樣使用npm安裝jquery
临扮。
npm install jquery
- 好论矾,接下來(lái)我們就要在文件中引入
jquery
和bootstrap
了莺债,我們先建一個(gè)文件众旗,就叫init.js
吧。
import $ from 'jquery'
import 'bootstrap'
- 接下來(lái)椒楣,我們還需要把
jquery
掛到window
對(duì)象上蚜退。
window.jQuery=$
jQuery=$
window.$=window.jQuery
- 未完待續(xù)...