close

因為 Vue CLI 3 不使用 templates ,改用 render,所以無法和 Vue CLI 2一樣直接在index裡面引入使用bootstrap

那要如何使在Vue CLI 3使用bootstrap ?

步驟:

1.安裝 bootstrap 和 bootstrap-vue,兩個都需要安裝

npm i bootstrap  /  yarn add bootstrap

npm i bootstrap-vue  /  yarn add bootstrap-vue

2.在main.js引入

import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'

Vue.use(BootstrapVue)

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

這樣就可以使用

參考:https://bootstrap-vue.js.org/docs/

arrow
arrow
    文章標籤
    Vue CLI 3 Vue bootstrap
    全站熱搜

    bingzhichen 發表在 痞客邦 留言(1) 人氣()