前端Vue2项目开发常用依赖
前端Vue2项目开发常用依赖
一、常用依赖
1、axios请求库
2、core-js
开源库zloirock/core-js
提供了es5、es6的polyfills,包括promises、symbols、collections、iterators、typed arrays、ECMAScript 7+ proposals、setImmediate 等等。
如果使用了 babel-runtime、babel-plugin-transform-runtime 或者 babel-polyfill,你就可以间接的引入了 core-js 标准库
3、dayJs
npm install dayjs --save
使用教程:https://dayjs.fenxianglu.cn/category/#%E6%B5%8F%E8%A7%88%E5%99%A8
4、elementUI
npm install element-ui --save
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI)
5、md5加密
npm install js-md5 --save
使用教程:https://www.npmjs.com/package/js-md5
6、lodash
npm i -g npm
npm i --save lodash
使用教程:https://www.lodashjs.com/
Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。
7、vue-baidu-map
npm i --save vue-baidu-map
使用教程:https://github.com/Dafrok/vue-baidu-map/blob/master/README.zh.md
8、vue-cookies
npm install vue-cookies --save
使用教程: https://www.npmjs.com/package/vue-cookies
9、wangEditor
npm i wangeditor --save
使用教程: https://www.wangeditor.com/
做国内使用体验Z好的开源 Web 富文本编辑器!
10、Export2Excel
npm install -S file-saver
npm install -S xlsx
npm install -D script-loader
excel导表插件
使用操作,参考博客文章
更多的轮子
1)Vue UI组件库
Element : https://element.eleme.io/#/zh-CN
vant : https://youzan.github.io/vant/#/zh-C%E2%80%A6
View UI : https://www.iviewui.com/
2)React UI 组件库
Ant Design :https://ant.design/
React Bootstrap: https://react-bootstrap.github.io/
MATERIAL-UI : https://material-ui.com/
3)动画库
Animate.css【动画css插件】 : https://animate.style/
常用效果组件
swiper 【轮播滚动swiper】: https://www.swiper.com.cn/
mescroll.js 【列表滚动scroll】 http://www.mescroll.com/api.html
4)工具类轮子
lodash.js【js常用操作】 : https://www.lodashjs.com/
Day.js【日期操作库】 : https://dayjs.fenxianglu.cn/
timeago.js : https://github.com/hustcc/timeago.js
echarts【图表库】 : https://echarts.apache.org/zh/index.html
Meditor.md 【markdown编辑】 : https://pandao.github.io/editor.md/
validator.js【表单验证库】 : https://github.com/validatorjs/validator.js
5)提高数学精度
math.js【数学计算库】https://www.npmjs.com/package/mathjs
mathjax【数学公式展示】 :https://www.mathjax.org/
mathjax相关博客:https://blog.csdn.net/dabokele/article/details/79577072
mathLive实现数学公式编辑:https://blog.csdn.net/weixin_43851064/article/details/109639345
mathLive实现数学公式编辑:https://blog.csdn.net/cuk5340/article/details/107697627?utm_term=vue%E5%85%AC%E5%BC%8F%E7%BC%96%E8%BE%91%E6%8F%92%E4%BB%B6&utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2allsobaiduweb~default-0-107697627&spm=3001.4430
6)Vue工具类
vue-draggable 【拖拽工具插件】: https://www.itxst.com/vue-draggable/tutorial.html
vue-qr【二维码插件】 : https://www.npmjs.com/package/vue-qr
vue-cropper 【图片剪裁插件】: https://github.com/xyxiao001/vue-cropper
vue-lazyload 【懒加载插件】: https://www.npmjs.com/package/vue-lazyload
vue-simple-upload 【上传插件】: https://github.com/saivarunk/vue-simple-upload
前端Vue2项目开发常用依赖相关推荐
- RabbitMQ手动确认模式(项目开发常用模式)
RabbitMQ 手动确认模式(日常项目开发常用模式) 借鉴导言 架构及工作原理 项目开发使用(公司常用) 借鉴导言 此文借鉴多名CSDN用户博客,并将其博文中关于MQ常用的点,进行了归纳整理 借鉴博 ...
- 一步步教你前端vue项目开发中如何解决跨域问题
文章目录 开发环境中跨域 名词解释 1.同源策略: 2.同源: 3.跨域: 4.代理服务器: 解决方式 项目背景 跨域配置 1.配置说明: A.参数proxy详解: B.pathRewrite详解: ...
- python项目开发常用的目录结构
bin:通常用于存放项目的启动脚本 core:存放主程序.业务逻辑源代码 api:通常用于存放项目的接口文件,使得项目能够在启动后外部通信 db:存放操作数据库相关文件,主要用于与数据库交互 lib: ...
- maven项目的常用依赖
2019独角兽企业重金招聘Python工程师标准>>> maven常用依赖 mybatis <dependency><groupId>org.mybatis& ...
- 记录———Android开发常用依赖库
在Android开发当中使用正确的依赖库可以达到快速开发,减少开发成本,这里记录一下本人开发当中常用的依赖库. 组件视图绑定依赖--ButterKnife(强烈推荐) ButterKnife是一个专注 ...
- 前端vue项目开发流程
产品给出需求文档,产品原型 阅读文档,梳理需求 评审需求(产品逻辑.交互是否合理) UI出图,交互设计稿 开始做详细设计(拆分需求模块,技术选型,调研技术方案中的不确定(用什么语言,什么框架等,dem ...
- iOS 项目开发常用配置
iOS 9 https适配http在info.plist中配置NSAppTransportSecurity 类型为字典 包含有一个对象为: (NSAllowsArbitraryLoadsbool ...
- 项目开发常用数据库SQL语句:通用SQL、MySQL、SQLServer、MyBatis
目录 数据库操作 1.完整数据库备份: 2.数据库还原: 3.新建数据库表 SQL语句 1.通用SQL (1)like 模糊查询, in (2)sql拼接 (3)数据库表 存储m³ 2.MySQL ...
- 前端vue2项目引入第三方js文件或者远程js文件并执行相应方法
啥也不多说,直接上结论 新建一个目录和文件例如: ./tools/load.js //引入远程js,加载完成后执行相应方法 function loadJs(src) {return new Promi ...
最新文章
- Mybatis传递多个参数的4种方式
- Json 学习 JSONObject 和 JSONArray
- notepad++ 输入中文无响应
- centeros7安装docker
- 1500Vdc的光伏系统距离大规模应用还有多远?
- asp.net2.0跨域问题
- 什么样的人适合做自动化测试
- Android 模拟器设置
- redis下载与安装(windows版)
- {dede-list flag='h'}DedeCMS支持flag标签解决办法
- cad等比例缩放快捷键_CAD比例缩放怎么用,快捷键命令SCALE
- 理解计算机(一)计算机中的抽象概念
- [SDOI2008]Sue的小球(区间Dp)
- 【NOI2017模拟3.30】原谅(计算几何,期望)
- 转载的--------待整理
- 畅享10S 鸿蒙,潮流配色+全能实力 华为畅享10S让你做新春最靓的仔
- ArcGIS 栅格计算器 Con用法
- web作业之期末工程 “耀炎食品网站”
- DecimalFormat的用法介绍 --转载
- [渝粤教育] 中国地质大学 战略管理 复习题 (2)