vue整合jQuery和bootstrap,实现官网效果,实现Glyphicon Halflings 的字体图标

本文介绍了如何在Vue项目中整合jQuery和Bootstrap,以实现官网相同效果并使用Glyphicon Halflings字体图标。首先在Vue项目中安装jQuery,接着引入Bootstrap和popper.js。注意,安装的Bootstrap版本可能与官网文档不符,需要降级到3.3.7版本。通过这些步骤,你可以实现与Bootstrap中文官网一致的视觉效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

引入jQuery

因为bootstrap里面有很多动态效果是基于jquery实现的,为了能完整显示效果以及后续开发的方便,在引入bootstrap之前先将jquery引入

  1. 首先在打开的vue项目控制台中,安装jquery

    npm install jquery --save-dev
    
  2. 在build文件夹下的webpack.base.conf.js文件添加如下代码 :

    在module.exports上面添加:

    var webpack = require("webpack")
    

    在module.exports里面添加:(别忘记逗号)

      plugins:[
        new webpack.optimize.CommonsChunkPlugin('common.js')
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值