vue + bootstrap + webpack

Vue+bootstrap+webpack搭建

第一步，使用vue-cli搭建项目

npm install -g vue-cli
vue init webpack projectname
cd  projectname
npm run dev

打开网址，运行成功的地址

如果看到熟悉的vue的图标，就说明已经搭建成功了

第二步，引入bootstrap

要使用bootstrap，首先要知道，他是基于jquery的，所以，我们要先引入jquery
在命令提示行里面

npm install --save jquery
npm install --save bootstrap
npm install --save popper.js

第三步，在main.js里引入bootstrap

main.js

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

测试一下，bootstrap有米有起作用
在vue里面加上

<button class="btn-primary">测试</button>

查看按钮是不是变成了bootstrap的样式

第四步，可以为所欲为地引用bootstrap了

参考bootstrap的文档