大家好,我是实验楼的小前端,lookInward。喜欢的小伙伴点个赞哦。
这几天自己打算做一个项目,把一些前端方面的知识归总一下,顺便学一下thinkphp。项目途中,遇到了很多的问题。我本来一开始打算用element-UI,不打算使用bootstrap,但是最终还是放弃了element-UI。原因无他,用惯了bootstrap,就是觉得element-UI太难用。不过,作为一个长期项目,以后也有肯能会用其他的UI组件替代bootstrap,毕竟前端还是要多多的尝试新东西。
好了,废话也说完了,我们就正式来讲讲正题吧。
- 第一步,当然是使用
npm来安装bootstrap。
npm install bootstrap@4
这里@4的作用是指定安装的版本是4.x版本, 不写的话,就默认安装最新版本,我还是喜欢写上的。 - 通过前面的步骤,我们已经安装了
bootstrap,接下来我们就需要安装jquery,因为bootstrap是依赖于jquery的。我们同样使用npm安装jquery。
npm install jquery - 好,接下来我们就要在文件中引入
jquery和bootstrap了,我们先建一个文件,就叫init.js吧。
import $ from 'jquery'
import 'bootstrap' - 接下来,我们还需要把
jquery挂到window对象上。
window.jQuery=$
jQuery=$
window.$=window.jQuery - 未完待续...









网友评论