如何使用npm引入bootstrap

2018-09-22  本文已影响69人  Eternal丶星空

大家好,我是实验楼的小前端,lookInward。喜欢的小伙伴点个赞哦。
这几天自己打算做一个项目,把一些前端方面的知识归总一下,顺便学一下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. 未完待续...
上一篇 下一篇

猜你喜欢

热点阅读