从无到有使用bootstrapVue开发项目

前言

公司的项目需要bootstrapVue框架，说实话没用过，所以写了篇文章记录一下

思路

• 通过脚手架搭建项目
• 安装 bootstrapVue运行以来
• 在入口文件中引入

步骤

首先我通过vue-cli脚手架搭建一个项目，vue-cli具体是什么可以看一下我这个文章：Vue-cli

安装完脚手架后，在cmd中运行vue ui，等待浏览器弹出窗口，然后创建项目，有界面的创建项目就非常的直观啦

然后安装依赖，如下图所示：

接着在入口文件中引入，就像官网上描述的一样

// main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 1. 首先引入 bootstrap-vue
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'

Vue.config.productionTip = false

// 2. 然后中间件导入使用
Vue.use(BootstrapVue)
Vue.use(IconsPlugin)

// 3. 导入bootstrap 的样式
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

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

官网描述：