第一步:
下载Bootstrap的Css文件
第二步:
在终端下cd到项目目录,执行以下命令
npm install bootstrap --save --save-exact
第三步:
在mian.js文件中导入,如下:
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import 'C:/Users/k8402/Desktop/bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap.min.css'
Vue.config.productionTip = false
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
以上完成后,在页面中加入bootstrap的按钮组件:
<button type="button" class="btn btn-danger">(危险)Danger</button>
启动项目,测试成功。