美文网首页
如何使用npm引入bootstrap

如何使用npm引入bootstrap

作者: Eternal丶星空 | 来源:发表于2018-09-22 11:56 被阅读69次

    大家好,我是实验楼的小前端,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. 未完待续...

    相关文章

      网友评论

          本文标题:如何使用npm引入bootstrap

          本文链接:https://www.haomeiwen.com/subject/tpntoftx.html