在vue-cli项目中使用bootstrap
2024-09-05 09:45:06
1.安装插件
npm install jquery --save
npm install bootstrap --save
npm install popper.js --save
2.配置webpack.base.conf.js
//在顶部添加
const webpack = require('webpack') //在module.exports = {}末尾添加下面代码
module.exports = {
...
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
})
]
}
3.在main.js中导入
import $ from 'jquery'
import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min'
4.测试jquery
//在vue文件中添加测试代码 <script>
$(function () {
alert('jquery!')
}) export default {
name: 'App'
}
</script>
5.测试bootstrap
<button type="button" class="btn btn-success">bootstrap测试</button>
最新文章
- Pyqt 控件的信号槽事件定义方法
- C# winform 动态调用WebService
- PictureCutting图片批量裁切(裁剪)工具
- PHP快速抓取快递信息
- u-boot启动流程分析(1)_平台相关部分
- 委托、 Lambda表达式和事件——Lambda表达式
- ORACLE数据库不同故障下的恢复总结
- addEventListener和attachEvent二者绑定的执行函数中的this不相同【转载】
- ubuntu下如何安装codeblocks集成开发环境
- python安装与使用(Windows)
- 2017 browser market share
- idea开发工具安装说明
- 算法笔记_208:第六届蓝桥杯软件类决赛真题(Java语言A组)
- Unix环境高级编程(十五)高级I/O
- STL 源代码剖析 算法 stl_algo.h -- search_n
- 【python爬虫】 之 爬取百度首页
- UVA 11107(Life Forms-后缀数组+二分)
- 浅谈MySQL中优化sql语句查询常用的30种方法 - 转载
- eclipse操作
- MVC学习笔记:MVC实现用户登录验证ActionFilterAttribute用法并实现统一授权