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