vue与bootstrap使用有冲突吗
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
本文出至:学新通
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通
- 本文地址: https://www.swvq.com/boutique/detail/1764
- 联系方式: luke.wu@swvq.com
- 来源链接: www.php.cn/bootstrap/489721.html
系列文章
更多
同类精品
更多
精彩评论
-
docker hub 进不去怎么办
PHP中文网 03-15 -
2023年最新的28道PHP面试题附答案
PHP中文网 03-27 -
windows上查看nginx是否启动
PHP中文网 04-19 -
推荐五款xml编辑工具
PHP中文网 03-04 -
navicat怎样清除注册表
PHP中文网 04-05 -
ChatGPT应用通过Axios+EventSource使用GPT3.5 API
uWydnA 03-13 -
强力推荐10款好看使用的Bootstrap后台管理系统模板
PHP中文网 03-09 -
vscode怎么调整代码大小两种方法
PHP中文网 03-11 -
navicat连接sqlserver数据库
PHP中文网 04-03 -
navicat导入csv文件
PHP中文网 03-30