我是乙個剛剛接觸前端開發的新手，所以有必要記錄如何將bootstrap和vue進行整合。 如果你是老手，請直接繞道而過。作為乙個新手，裡面的步驟，過程或者專業術語未必正確，如果你發現**錯誤了，請發郵件至[email protected]
vue官方不建議新手直接使用vue-cli，但我不這麼看。 先使用cli跳過繁瑣的環境配置，直接看到demo效果能增強點自信心。如果上手就被一大堆的環境配置搞亂了心情，那才是得不償失呢。 恩. 至少我是這麼認為的。
如果是使用國內網路安裝，官方建議使用**或者cnpmjs的映象。我感覺**的映象速度不如cnpmjs的快，因為我使用的cnpmjs映象。
npm --registry install --global vue-cli //安裝vue-clivue init webpack //建立專案，一般情況使用預設配置就可以cd npm --registry install //安裝packagenpm run dev正常的話，你應該能看到乙個vue的初始化頁面。
1.修改index.html頁面
你可以訪問bootstrap官方**獲取到最新的cdn資源位址。
2.建立布局
我們建立乙個使用bootstrap 柵格布局的例子。 在src/components目錄中建立乙個root.vue檔案。在root.vue檔案中，我們先編輯template，建立乙個container，然後放入一些導航欄。
裡面布局**來自於bootstrap官方提供的demo
新增script**新增css樣式
因為是從bootstrap拷貝的css樣式，所以直接將css拷貝過來。
import vue from 'vue'import router from 'vue-router'import root from '@/components/root'vue.use(router)export default new router(]})
vue
vue引入bootstrap框架
1.由於bootstrap基於jquery，第一步引入jquery npm install s jquery2.在webpack.config.js中引入jquery外掛程式 如果webpack.config.js沒有引入webpack首先得引入 var webpack require webpac...
bootstrap的ace模板 vue的初步使用
簡單來說，就是ace模板，我們如果有看中的頁面，那麼，可以直接把對應的html copy過來。但是，copy的時候，要注意將css和js 放到特定的位置，不然就無法重現ace模板原本的樣子了。那麼，下面就開始介紹一下怎麼個科學copy方法吧。找到ace的login頁面，將 head 內引入的第三方的...
bootloader和bootstrap的區別
bootloader和bootstrap的區別 在 embedded linux primer 上看到的，其實還有一些分歧和不精確的地方，比如bootstrap 和bootstrap loader似乎在pc上還有區別，不過還是不影響理解了 又如redboot redhat embedded debu...