在Vue项目中使用npm安装bootstrap以及jquery
来源:互联网 发布:二叉树的python实现 编辑:程序博客网 时间:2024/05/28 23:09
经过我好多次的查询和实验,总结了一下在vue项目中使用bootstrap框架,npm安装注意.
bootstrap中js插件依赖于jquery,所以在这之前必须安装jquery。
jquery安装
1、在package.json中添加一行代码:“jquery”: “^2.2.3”
"dependencies": { "element-ui": "^2.0.5", "vue": "^2.5.2", "vue-router": "^3.0.1", "jquery": "^2.2.3" }
2、在build文件webpack.base.conf.js中添加一行数据:
//注:...代表省略自有的,//必定事先声明webpack,不然下面会不识别webpackconst webpack = require('webpack')...module.exports = { resolve: { ... alias: { ... 'jquery': 'jquery' } }, plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "windows.jQuery": "jquery" }) ], ...}
3、在main.js中加入:import $ from ‘jquery’
4、使用npm install jquery@2.2.3 –save-dev
这样jquery就安装完成了。
bootstrap安装:
1、使用npm install bootstrap@3.3.0 –save-dev
2、在需要的页面引入
import 'bootstrap/dist/css/bootstrap.min.css'import 'bootstrap/dist/js/bootstrap.min.js'
最后npm run dev启动项目,就ok啦。
阅读全文
0 0
- 在Vue项目中使用npm安装bootstrap以及jquery
- vue在旧项目中的使用(不用npm安装)
- 在 vue-cli 脚手架中引用 jQuery、bootstrap 以及使用 sass、less 编写 css [vue-cli配置入门]
- 在 vue-cli 脚手架中引用 jQuery、bootstrap 以及使用 sass、less 编写 css [vue-cli配置入门]
- 使用npm安装vue项目初始框架
- 在vue项目中使用jquery
- 为什么推荐使用npm安装Vue,而不是直接在HTML中引入vue.js
- vue项目中使用jQuery
- 在vue中使用jquery
- vue中引入Bootstrap,jQuery
- Vue系列——在vue项目中使用jQuery及其第三方插件
- 【vue】如何在mac上使用npm安装vue和安装问题处理
- 用npm安装vue和vue-cli,并使用webpack创建项目
- 项目中使用Bootstrap以及基于bootstrap的 Bootgrid
- 集成vue到jquery/bootstrap项目
- Vue.js + jQuery + bootstrap + sass 项目搭建
- vue+jQuery+bootstrap+sass项目搭建
- 在vue中使用jQuery的方法
- Java总结之IO流——2017.11.19
- javascript模块化之CommonJS、AMD、CMD、UMD、ES6
- vue-router的两种模式的区别
- Maven的安装与环境配置
- kafka_2.11-0.10.1.0 单机安装(使用kafka集成zookeeper)
- 在Vue项目中使用npm安装bootstrap以及jquery
- 连接Java和C/C++层的关键--Android的JNI
- 花式写单例之单例的六种写法
- npm使用过程中的一些错误解决办法及npm常用命令
- k-means聚类实战运用-验证码
- 东莞市选2008 导弹 题解
- Spring security搭建与使用
- BZOJ 1494 [NOI2007]生成树计数
- Android图片加载框架最全解析(一),Glide的基本用法