vue项目引入element-plus以及bootstrap

本文总结了在Vue项目中如何引入Element-Plus和Bootstrap。Element-Plus的引入只需npm安装并导入样式文件。Bootstrap的引入可通过CDN或npm,但CDN方式更便捷。若选择npm,须先引入jQuery、Popper.js和Bootstrap的相关文件。
摘要由CSDN通过智能技术生成

        最近做了一个项目,在里面用来很多继承好的组件,在对于如何引入文件的问题,我还是想做一下总结,方便再下次做项目的时候可以直接用:

        1.引入element-plus:引入这个就比较简单,因为element-plus是专门为vue3设计的组件库,在使用的时候,按照下面步骤操作即可:

npm install element-plus --save

在main.js中引入:

import '../node_modules/element-plus/dist/index.css'

这样就可以在vue项目中使用了

        2.在vue项目中引入boostrap,这里需要注意一点就是,在引入boostript之前需要引入jquery,所以本着方便的角度,我觉得还是使用element-plus比较省事,毕竟集成的组件基本上都差不多,但是boostscript中有个优点就是,里面有也继承了很多图标,一般不需要单独去下载:

        (1)使用CDN加速器引入,在html文件中引入:

  <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"

    integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"

    crossorigin&

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值