众所周知,bootstrap是一个前端开发的组件库,而vue是近两年非常火的一个用于开发前后端分离项目的JavaScript库,这两个组合定能产生出超乎想象的力量.
首先,要下载依赖的库:
由于篇幅问题,node.js,vue-cli啥的安装我就不说了,不会的可以看这里node.js与vue的安装
tips: 如果希望能让下载速度快的话,一般可以设置npm的源.因为cnpm存在某些路径问题,所以不推荐使用.
设置方法:npm config set registry "https://registry.npm.taobao.org/"
npm install bootstrap-vue
npm install bootstrap
然后就可以愉快地开始了!
我们将引入工作放在你需要的地方,比如说main.js:
import BootstrapVue from 'bootstrap-vue
import "bootstrap/dist/css/bootstrap.css"
import "bootstrap-vue/dist/bootstrap-vue.css"
然后,我们需要注册它:
Vue.use(BootstrapVue);
这就是配置了,然后我们当然就可以愉快的使用了.
一般情况下,css的显示是完全正常的,不过js有些地方进行了扩展和变动,具体可以参见官方网站,或者期待我的后续文章.
以上是这篇文章的全部,错误的地方恳请指正.
QQ:8955859,希望能和大家一起学习.
最后,都看到这了,赞赏一下呗!(^ ~ ^||).
