2021-06-29 使用vue init webpack blog创建项目安装Bootstrap

如何在项目中使用bootstrap

1、创建项目

• 执行npm init webpack blog创建项目
• 依次安装所需要的依赖文件，执行命令行npm install bootstrap@4 jquery popper.js

2、引入bootstrap

在main.js文件中引入

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

3、引入bootstrap组件，执行npm run dev即可

如何在项目中使用bootstrap-vue

1、安装依赖

• 执行命令行npm install vue bootstrap-vue bootstrap
  在main.js文件添加代码，重启项目即可

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

Vue.use(BootstrapVue)