vue与bootstrap使用有冲突吗
2022-03-09 17:57:59
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-demo npm run serve
相关推荐:bootstrap教程
以上就是vue与bootstrap使用有冲突吗的详细内容,更多请关注dnjidi.com其它相关文章!
相关阅读
- 挑战怎么在不使用<table>标签的情况下创建表?
- 8款Bootstrap企业公司网站模板(源码免费下载)
- 聊聊Bootstrap5中的断点与容器
- 深入解析Bootstrap中的网格系统
- 浅谈Bootstrap5怎么使用分页导航Pagination组件
- 浅谈Bootstrap5中滑动导航组件的使用方法
- bootstrap网格是什么
- bootstrap如何设置悬浮窗
- 深入解析Bootstrap中的下拉列表select
- 聊聊Bootstrap中的网格布局,看看怎么垂直对齐和水平对齐
- bootstrap 轮播动不了怎么办
- bootstrap怎么获取table数据
- bootstrap支持几种列表样式
- bootstrap内置插件有哪些
- 浅谈Bootstrap网格布局中怎么进行列换行
- 聊聊Bootstrap中的图片组件和轮廓组件
- Bootstrap中怎么使用表格?强大表格的用法浅析
- Bootstrap中怎么导航组件和选项卡组件?用法浅析