位置: IT常识 - 正文

Vue3+Vite项目引入Bootstrap5、bootstrap-icons(vue引入mui)

编辑:rootadmin
Vue3+Vite项目引入Bootstrap5、bootstrap-icons Vue3+Vite项目引入Bootstrap5 \bootstrap-icons

推荐整理分享Vue3+Vite项目引入Bootstrap5、bootstrap-icons(vue引入mui),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue引入vconsole,vue 引入,引入vue.js,vue 引入,vue引入vconsole,引入vuex,vue引入vconsole,vue 引入,内容如对您有帮助,希望把文章链接给更多的朋友!

官方教程给出了bootstrap5.2和vite的使用方法。

安装Vue3+Vite项目引入Bootstrap5、bootstrap-icons(vue引入mui)

安装 Bootstrap、 Popper,因为 Bootstrap的下拉菜单、弹出框和工具提示都依赖于 Popper来定位。如果您不打算使用这些组件,则可以在此处省略 Popper。

npm i --save bootstrap @popperjs/core

安装额外的依赖Sass来正确导入和捆绑 Bootstrap 的 CSS。

npm i --save-dev sass 安装图标库 npm i bootstrap-icons

引入bootstrap样式文件

在assets目录下创建一个style.scss文件

// Import all of Bootstrap's CSS@import "bootstrap/scss/bootstrap";// 图标@import 'bootstrap-icons/font/bootstrap-icons.css';在入口文件main.ts/main.js中引入样式文件和JS文件import '/src/assets/styles.scss'import "@popperjs/core";import "bootstrap";跟其他ui库一样,可以按需引入import Alert from 'bootstrap/js/dist/alert';import { Tooltip, Toast, Popover } from 'bootstrap';这样就可以使用了。如果有什么问题您可以随时与我联系。

写文章不易,给个赞吧! 写文章不易,给个赞吧! 写文章不易,给个赞吧! 写文章不易,给个赞吧! 写文章不易,给个赞吧! 写文章不易,给个赞吧!

本文链接地址:https://www.jiuchutong.com/zhishi/283559.html 转载请保留说明!

上一篇:dlg.exe是什么 dlg.exe是病毒吗(dl是什么文件)

下一篇:玩游戏的显示器多大合适?多大尺寸的屏幕玩游(玩游戏的显示器要高刷还是高分辨率)

  • 苹果手机抖音怎么设置隐身在线(苹果手机抖音怎么关闭ip地址)

    苹果手机抖音怎么设置隐身在线(苹果手机抖音怎么关闭ip地址)

  • 拼多多不可以一次购买多种产品吗(拼多多不可以一次性付款吗)

    拼多多不可以一次购买多种产品吗(拼多多不可以一次性付款吗)

  • 3dmax渲染十几个小时(3dmax渲染只有一小块)

    3dmax渲染十几个小时(3dmax渲染只有一小块)

  • 路由器不亮(路由器不亮怎么回事)

    路由器不亮(路由器不亮怎么回事)

  • 电话声音太小怎么解决(电话声音太小怎么解决苹果手机)

    电话声音太小怎么解决(电话声音太小怎么解决苹果手机)

  • ov手机是什么牌子(ov手机是国产品牌吗)

    ov手机是什么牌子(ov手机是国产品牌吗)

  • windows是美国哪个公司的产品(windows是美国ibm公司的产品吗)

    windows是美国哪个公司的产品(windows是美国ibm公司的产品吗)

  • 华为jkm-al00b是华为什么型号(华为jkm-al00b是华为畅享9 Plus)

    华为jkm-al00b是华为什么型号(华为jkm-al00b是华为畅享9 Plus)

  • qq被禁止安装程序在哪设置可以取消(qq禁止安装程序咋解除华为)

    qq被禁止安装程序在哪设置可以取消(qq禁止安装程序咋解除华为)

  • 支付宝在别的手机上登录会提示什么内容(支付宝在别的手机登录)

    支付宝在别的手机上登录会提示什么内容(支付宝在别的手机登录)

  • 苹果手机自动点击屏幕是怎么回事(苹果手机自动点屏幕怎么回事)

    苹果手机自动点击屏幕是怎么回事(苹果手机自动点屏幕怎么回事)

  • 抖音怎么开启下载功能(抖音怎么开启下载水印)

    抖音怎么开启下载功能(抖音怎么开启下载水印)

  • 微信里过期的文件怎么恢复正常(微信里过期的文件如何打开)

    微信里过期的文件怎么恢复正常(微信里过期的文件如何打开)

  • 笔记本键盘锁定键是哪个(笔记本键盘锁定按什么键解锁)

    笔记本键盘锁定键是哪个(笔记本键盘锁定按什么键解锁)

  • 手机充电头咋用(手机充电头接法图解)

    手机充电头咋用(手机充电头接法图解)

  • 拼多多怎么设置支付宝(拼多多怎么设置隐私号码)

    拼多多怎么设置支付宝(拼多多怎么设置隐私号码)

  • 手机变听筒模式怎么办

    手机变听筒模式怎么办

  • 苹果手机夜间模式怎么关闭(苹果手机夜间模式在哪)

    苹果手机夜间模式怎么关闭(苹果手机夜间模式在哪)

  • 苹果x出现sos怎么取消(苹果x手机出现sos紧急联络不能关机怎么办)

    苹果x出现sos怎么取消(苹果x手机出现sos紧急联络不能关机怎么办)

  • 华为mate30pro拍星空设置(华为mate30pro拍星空参数)

    华为mate30pro拍星空设置(华为mate30pro拍星空参数)

  • 微信怎么放到桌面(微信怎么放到桌面上面)

    微信怎么放到桌面(微信怎么放到桌面上面)

  • 陌陌是骗人的吗(陌陌是不是真的)

    陌陌是骗人的吗(陌陌是不是真的)

  • 小米m1901f9e什么型号(小米m1901f7be)

    小米m1901f9e什么型号(小米m1901f7be)

  • coreldraw9怎样设计名片(coreldraw怎么设置颜色)

    coreldraw9怎样设计名片(coreldraw怎么设置颜色)

  • 手机qq怎么删除好友通知(手机qq怎么删除频道)

    手机qq怎么删除好友通知(手机qq怎么删除频道)

  • “write javaBean error, fastjson version 1.2.83, class org.apache.shiro.web.servlet.ShiroHttpServletR

    “write javaBean error, fastjson version 1.2.83, class org.apache.shiro.web.servlet.ShiroHttpServletR

  • php使用array_diff去除元素(php使用while循环计算1到100的和)

    php使用array_diff去除元素(php使用while循环计算1到100的和)

  • 专家劳务费可以税前扣除吗
  • 专票小数点没打印齐能用吗
  • 机器配件属于什么报销项目
  • 固定总价合同中,承包人承担的价格风险
  • 应付账款坏账了怎么处理
  • 邀请客户参加公司会议
  • 信息技术服务开票单位填什么
  • 自己可以缴纳社保吗
  • 加计扣除是什么意思举例说明农产品
  • 小规模纳税人水利基金怎么报税
  • 接受捐赠材料需要交税吗
  • 防伪税控开具发票明细表
  • 天猫的费用一共17个分别是什么
  • 其他货币资金包括
  • 印花税账务处理
  • 固定资产正常报废如何处理
  • 汽车以租代售合法吗
  • 企业厂房整改应该计入什么科目?
  • 注册资本金印花税税率是多少
  • 本年累计应交税费需要加上年初数吗
  • 2018年业务宣传费与广告费税前扣除标准及依据
  • 2018年生育保险报销
  • 企业在什么情况下做薪酬诊断
  • 7月1号出台的政策
  • 货到票未到的会计账务处理
  • 低于成本价销售的税务风险
  • 本年应交增值税与销进项税额
  • 空白发票怎么用
  • iphone无法打开网页怎么办
  • 防暑降温费会计处理
  • 加计扣除的会计要素
  • 微信公众号开发php源码
  • 银行存款日记账怎么记账
  • vue3的生命周期
  • h5调用海康摄像头
  • 最小的电视棒是多少寸
  • php多任务
  • 增值税的类型主要有哪些
  • 工程施工下的间接费用下有什么科目
  • 接受股权投资账务处理
  • thinkphp cli
  • 记录一次排查PHP脚本执行卡住的问题
  • javascript保留字有哪些
  • vant weapp官方文档
  • 大学送礼物该送多少钱的
  • 微信小程序解锁安全吗
  • ptech模型
  • dedecms官网
  • 固定资产的装修费计入固定资产吗
  • 免征的教育费附加怎么做账
  • 企业不年报会怎么样
  • 固定资产处置怎么计算
  • 小规模纳税人增值税税率
  • 企业贷款贴息怎么做账
  • 火车头造型
  • win2008iis安装
  • 收到退回的企业所得税分录
  • 购入货物的运费计入
  • 可抵扣进项税额的六种类型
  • 出口收汇核销单的作用
  • 利润表中资产减值损失为正数是什么原因
  • 借方是收入还是支出损益类
  • 原始凭证按什么分
  • 营改增后建筑企业税负不降反增
  • 民办非企业可以开发票吗
  • 餐饮店原材料表格
  • 黑白电子版照片如何变成彩色
  • 建账需要准备什么东西
  • sqlserver 查询语句
  • win10预览版21390
  • win10屏幕显示
  • winxp怎么装系统
  • debian系列
  • linux系统的安全机制有哪些
  • js的定时器函数
  • 用javascript
  • django返回json数据
  • js获取浏览器的cookie
  • 河北华盛税务师事务所
  • 实木地板什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设