vue -cli 脚手架集成bootstrap

首先创建好一个vue项目

1.在项目中写一个自己的vue界面

 2.修改路由配置（加上自己的vue）

 3.修改App.vue（加上自己的vue）

4.进入项目安装bootstrap

npm i jquery bootstrap@4.6 popper.js -S

5.在min.js导包

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap/dist/js/bootstrap.js'       

6.在自己的vue界面使用bootstrap

 

 <table  class="table table-striped">

7.进入项目执行

npm run serve

 8.效果如下