位置: 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
  • 逾期申报会对纳税人产生哪些不良影响?
  • 无法收回的账务处理
  • 土地用于自建项目怎么办
  • 简易征收办法征收一般纳税人
  • 如何做好系统备案工作
  • 为什么在监狱拉屎都拉不方便
  • 苹果电脑录屏的视频保存在哪里
  • php二维码生成代码
  • reg.dll是什么
  • win10创意者更新易升
  • 在建工程完工后结转会计分录
  • 调整以前年度亏损
  • vue中下载文件
  • 应收账款需要计提损失准备吗
  • 罗卡购物村
  • 有效的管理你的时间的重要性英文作文
  • 招待费进项转出填表二哪里
  • 学电脑网站
  • python3中rindex用法
  • 跨国公司海外子公司
  • SQL Server 2016 TempDb里的显著提升
  • 购物赠品的处理流程
  • 无法连接配置的sql服务器
  • 境外服务费代扣代缴所得税怎么做账
  • 社保计提少了怎么办
  • 什么情况下需要缴纳
  • 过路费发票可以抵扣进项税吗
  • 公司两年未给员工申报个税违法吗
  • 企业收到普通发票需要报税嘛
  • 网上报税流程演示2019
  • 非流动资产基金借贷方表示
  • 进口关税如何记账
  • 并购成本计算公式
  • 发票过账是什么意思
  • sql局部变量标识符
  • windows server 2008 r2怎么用u盘启动
  • 电脑出现黑屏英文要怎么处理
  • win8怎么进系统
  • 如何使用windows 10
  • linux系统中的用户分为哪几类
  • mac怎么打开macintosh
  • windows7的开机启动项在哪里
  • linux和windows的区别?
  • 电脑安装win8系统
  • win10系统安装cad2008的注册机无法打开
  • cocos2d环境配置
  • jquery.parsejson
  • 怎么在dos下运行
  • 详解JavaScript ES6中的Generator
  • JavaScript正则表达
  • javascript日常用途有哪些
  • 安徽国税app
  • 旧房转让土地增值税扣除项目
  • 长春国税局科员工资是多少
  • 江之都财税服务集团有限公司是私企吗
  • 营业税发票丢失能否开增值税普票
  • 财税相关书籍
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设