前端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-2_allsobaiduweb~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