首頁 > web前端 > Bootstrap教程 > vue與bootstrap使用有衝突嗎

vue與bootstrap使用有衝突嗎

WBOY
發布: 2022-03-09 17:24:14
原創
7406 人瀏覽過

vue與bootstrap使用沒有衝突;vue寫模板可以用bootstrap來提高開發效率,如果需要結合使用的話,可以利用BootstrapVue框架,是bootstrap專門為vue出的一款框架。

vue與bootstrap使用有衝突嗎

本教學操作環境:Windows10系統、bootstrap3.3.7版、DELL G3電腦

vue與bootstrap使用有衝突嗎

vue寫模板可以用bootstrap來提高開發效率

如果要結合使用的話建議用BV框架  bootstrap專門為vue出的一款框架

BootstrapVue 是基於Bootstrap v4 Vue.js 的前端UI 框架。 BootstrapVue 作為學習 Vue.js 框架本身的入門框架,我認為是非常好的。 Bootstrap 框架本身是輕量級的、易於學習的,在世界範圍內非常流行,有許多第三方外掛程式和主題樣式。 Vue.js 作為一個漸進式框架,核心函式庫只專注於視圖層,不僅易於上手,也方便與第三方框架或既有專案整合。

BootstrapVue 框架的安裝步驟

準備工作,安裝 Vue CLI

Vue CLI 包名稱從 vue-cli 改成 @vue/cli。如果安裝了舊版的 vue-cli(1.x 或 2.x),則需要先移除舊版:

npm uninstall -g vue-cli
登入後複製

再安裝新版本:

npm install -g @vue/cli
登入後複製

檢視 vue 版本:

vue --version
登入後複製

如果顯示 3.x,表示安裝正確了。

新建 Vue 項目

vue create bootstrapvue-demo
登入後複製

當提示 Please pick a preset 時,請選擇預設的 default 並回車。

執行 Vue 專案

cd bootstrapvue-demo
npm run serve
登入後複製

相關推薦:bootstrap教學

#

以上是vue與bootstrap使用有衝突嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板