如何使用npm引入bootstrap

喜欢的小伙伴点个赞哦。
这几天自己打算做一个项目,把一些前端方面的知识归总一下,顺便学一下thinkphp。项目途中,遇到了很多的问题。我本来一开始打算用element-UI,不打算使用bootstrap,但是最终还是放弃了element-UI。原因无他,用惯了bootstrap,就是觉得element-UI太难用。不过,作为一个长期项目,以后也有肯能会用其他的UI组件替代bootstrap,毕竟前端还是要多多的尝试新东西。
好了,废话也说完了,我们就正式来讲讲正题吧。

  1. 第一步,当然是使用npm来安装bootstrap
    npm install bootstrap@4
    这里@4的作用是指定安装的版本是4.x版本, 不写的话,就默认安装最新版本,我还是喜欢写上的。
  2. 通过前面的步骤,我们已经安装了bootstrap,接下来我们就需要安装jquery,因为bootstrap是依赖于jquery的。我们同样使用npm安装jquery
    npm install jquery
  3. 好,接下来我们就要在文件中引入jquerybootstrap了,我们先建一个文件,就叫init.js吧。
    import $ from 'jquery'
    import 'bootstrap'
  4. 接下来,我们还需要把jquery挂到window对象上。
    window.jQuery=$
    jQuery=$
    window.$=window.jQuery
  5. 未完待续...
  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值