当前位置: 首页 > 工具软件 > Bootstrap-vue > 使用案例 >

Vue配置BootstrapVue

吕霄
2023-12-01

1.创建一个vue项目:Vue Create testvueproject。

2.在新建的项目中安装BootstrapVue:npm install vue bootstrap-vue bootstrap 。

3.在main.js中引入BootstrapVue:

import Vue from 'vue'
import App from './App.vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
Vue.config.productionTip = false

// Install BootstrapVue
Vue.use(BootstrapVue)
// Optionally install the BootstrapVue icon components plugin
Vue.use(IconsPlugin)

new Vue({
  render: h => h(App),
}).$mount('#app')


//---GT

4.新建Views文件夹,然后新建一个Vue页面。

5.BootstrapVue官网:https://bootstrap-vue.org/

 

 类似资料: