• 技术文章 >web前端 >Bootstrap教程

    vue与bootstrap使用有冲突吗

    WBOYWBOY2022-03-09 17:24:14原创4373

    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使用有冲突吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:bootstrap
    上一篇:bootstrap实现响应式布局的原理是什么 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • bootstrap中formatter的用法是什么• bootstrap的栅格系统有什么用• 浅析BootstrapBlazor中Table组件的自动生成列功能• bootstrap与layui能一起用吗• bootstrap实现响应式布局的原理是什么
    1/1

    PHP中文网