位置: 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是什么文件)

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

  • 个人所得税专项附加扣除子女教育
  • 增值税滞纳金怎么做账
  • 职工薪酬支出及纳税调整
  • 税款滞纳金和利息
  • 借款合同印花税减免优惠政策2022
  • 应交地方教育费附加税率是多少
  • 内含报酬率与必要报酬率相等
  • 一般纳税人报税流程详细操作
  • 增票未抵扣丢失怎么处理
  • 用票据付款怎么做账
  • 企业财务独立核算
  • 知识产权申报费用多少钱
  • 委托开发的定义
  • 苗木属于农产品中哪一类
  • 填仓2021
  • 销售部预借差旅费什么凭证
  • 电子承兑没到期如何贴现
  • 融资租赁咨询服务合同需要交印花税吗
  • 企业事故赔偿支出可以抵税吗
  • 商务旅行人身意外伤害险在税前扣除范围内吗?
  • 企业所得税工资薪金和个税申报里一致么
  • 防伪税控维护费会计分录
  • 建筑业2019年最新税率表
  • 增值税专用发票税率
  • 什么情况下税务会查账
  • 0申报逾期罚款
  • 空调折旧年限的最新规定2018
  • 金融行业信托
  • 以前年度少计收入怎么办
  • 机打发票怎么申请流程
  • 劳务费发票已开款未收回如何做帐?
  • 公司给职工买工伤险流程
  • 专家评审费报销仅附签字笔迹相似
  • win7缓存设置方法
  • s24evmon.exe - s24evmon是什么进程 有什么用
  • 房地产企业将开什么发票
  • windows11怎么操作
  • laravel批量insert
  • php传值和传引用的区别
  • 商品销售税金及附加包括哪些
  • 编制合并报表的母子公司是什么主体
  • vue-axios详细介绍
  • 微信小程序授权管理在哪里
  • vue移动
  • js如何把字符串转换成数字
  • update-initramfs -u命令
  • df -th命令
  • 织梦网站特有标识
  • 美团平台技术部是干什么的
  • sql自增1
  • 非货币交易分录
  • 工业企业取得土地收益
  • 去银行取对账单需要带什么
  • mysql中的索引有
  • 专票金额高于实收金额
  • 药品的增值税税率13%还是17%?
  • 一般纳税人认定标准
  • 核定征收的企业需要汇算清缴吗
  • 销售收入打折后怎么做账
  • 成本费用会计分录
  • 房地产企业开发的准备出售的房屋属于投资性房地产吗
  • 取得异常凭证企业所得税调整
  • 资产收购一般税务处理
  • 弥补企业以前年度亏损 顺序
  • 资产负债表期初余额和期末余额
  • 用户登陆login什么意思
  • ubuntu xenial
  • unix含义
  • 怎么安装win7系统不占硬盘空间呢
  • rdesktop命令
  • 系统用户在哪里
  • win7无法登录qq
  • javascript ?
  • javascript学习指南
  • 新道云软件介绍
  • 黄金税率是多少
  • 港澳台资企业
  • 湖北税票真伪查询
  • 在网上购物是否隔断时间就要实名
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设