vue与bootstrap使用有冲突吗

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

vue与bootstrap使用有冲突吗

vue与bootstrap使用没有冲突;vue写模板可以用bootstrap来提高开发效率,如果需要结合使用的话,可以利用BootstrapVue框架,是bootstrap专门为vue出的一款框架。

本教程操作环境:Windows10系统、bootstrap3.3.7版、DELL G3电脑

vue与bootstrap使用有冲突吗

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-demonpm run serve
登录后复制

相关推荐:bootstrap教程

以上就是vue与bootstrap使用有冲突吗的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:详细介绍Bootstrap中的列表组
下一篇:css3中新增加的颜色模式有哪些

发表评论

关闭广告
关闭广告