重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要讲解了“vue与bootstrap使用有没有冲突”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“vue与bootstrap使用有没有冲突”吧!
成都创新互联从2013年开始,是专业互联网技术服务公司,拥有项目成都网站制作、成都网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元黔江做网站,已为上家服务,为黔江各地企业和个人服务,联系电话:028-86922220
vue与bootstrap使用没有冲突;vue写模板可以用bootstrap来提高开发效率,如果需要结合使用的话,可以利用BootstrapVue框架,是bootstrap专门为vue出的一款框架。
本教程操作环境:Windows10系统、bootstrap3.3.7版、DELL G3电脑
vue写模板可以用bootstrap来提高开发效率
如果要结合使用的话建议用BV框架 bootstrap专门为vue出的一款框架
BootstrapVue 是基于 Bootstrap v4 + Vue.js 的前端 UI 框架。BootstrapVue 作为学习 Vue.js 框架本身的入门框架,我认为是非常不错的。Bootstrap 框架本身是轻量级的、易于学习的,在世界范围内非常流行,有许多第三方插件和主题样式。Vue.js 作为一个渐进式框架,核心库只关注视图层,不仅易于上手,还便于与第三方框架或既有项目整合。
BootstrapVue 框架的安装步骤
准备工作,安装 Vue CLI
Vue CLI 包名称从 vue-cli 改成 @vue/cli。如果安装了老版本的 vue-cli(1.x 或 2.x),需要先移除老版本:
npm uninstall -g vue-cli
再安装新版本:
npm install -g @vue/cli
查看 vue 版本:
vue --version
如果显示 3.x,表明安装正确了。
新建 Vue 项目
vue create bootstrapvue-demo
当提示 Please pick a preset 时,选择默认的 default 并回车。
运行 Vue 项目
cd bootstrapvue-demo npm run serve
感谢各位的阅读,以上就是“vue与bootstrap使用有没有冲突”的内容了,经过本文的学习后,相信大家对vue与bootstrap使用有没有冲突这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!