-
Notifications
You must be signed in to change notification settings - Fork 36
/
README.md
162 lines (153 loc) · 14.8 KB
/
README.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
## 一.介绍
[vue3-resource](https://github.com/hu-snail/vue3-resource)专注于收集vue3相关资源，包含（web/移动/小程序/桌面/常用库/面试/文档&工具）等资源.持续更新中！！！
如果这些资源对你有帮助，👏 欢迎star 支持下
## 二.特别说明
🌟 推荐的资源全部支持`vue3`，由于个人精力有限，可能会遗漏很多优秀的vue3开源资源或资源错误！还请您[点此主动推荐或修改建议](https://github.com/hu-snail/vue3-resource/issues/new)！！！十分感谢🙏。
可[点击在线预览](https://hu-snail.github.io/vue3-resource)查看详细资源， 站点部署在github，可能访问过慢，请耐心等待。
## 三.资源推荐
资源共分为`web端`、`移动端`、`Electron`、`小程序`、`文档&工具`、`常用库`、`学习&面试`、`收藏`等8个模块，每个模块都有细分，具体查看[站点](https://hu-snail.github.io/vue3-resource).
- ### Web端
- [UI库](https://hu-snail.github.io/vue3-resource/platform/web/ui.html)- 推荐主流UI资源，包含`element-plus`,`Ant Design Vue`等14个UI资源
- [开箱即用中后台](https://hu-snail.github.io/vue3-resource/platform/web/manage.html) - github热门中后台开源项目
- [富文本编辑器](https://hu-snail.github.io/vue3-resource/platform/web/editor.html) - 推荐常用的富文本组件，包含`WangEditor V5`、`Tinymce-vue`等4个富文本编辑器
- [Markdown编辑器](https://hu-snail.github.io/vue3-resource/platform/web/markdown.html) - 推荐常用的markdown组件，包含`Vue-markdown-editor`、`Md-editor-v3`等3个markdown资源
- [上传组件](https://hu-snail.github.io/vue3-resource/platform/web/upload.html) - 包含`Uppy`&`Vue-filepond`
- [图片/背景组件](https://hu-snail.github.io/vue3-resource/platform/web/img&bg.html) - 包含图片`裁剪`、`预览`、`背景`、`轮播`、`懒加载`
- [音频/视频组件](https://hu-snail.github.io/vue3-resource/platform/web/audio&video.html) - 推荐常用的音视频组件，包含`XGplayer`、`Vue3-video-play`
- [图标库](https://hu-snail.github.io/vue3-resource/platform/web/icons.html) - 丰富的图标资源库，包含`Iconbox`、`IconPark`、`Boxicons`、`Unplugin-icons`等图标资源
- [图表组件](https://hu-snail.github.io/vue3-resource/platform/web/charts.html) - 优质图表组件，包含`ECharts5`、`Vue-echarts`、`Vue-highcharts`等图表资源
- [拖拽组件](https://hu-snail.github.io/vue3-resource/platform/web/drag.html) - 包含`Vue-drag-resize`、`Vue.draggable.next`等拖拽组件
- [vue3项目配套资源](https://hu-snail.github.io/vue3-resource/platform/web/include.html) - 包含`构建工具vite & vue cli`、`vue3全家桶`、`Nprogress.js-进度条`、`Screenfull.js-全屏`、`Vue-i18n国际化方案`
- [文件处理组件](https://hu-snail.github.io/vue3-resource/platform/web/files.html) - 包含`Html2canvas截图`、`PDFvuer-PDF查看器`、`vue3-simple-html2pdf自动导出pdf`
- [动画库](https://hu-snail.github.io/vue3-resource/platform/web/animate.html) - 包含`Animate.css`、 `Wow.js`、`Scrollreveal.js`等常见动画资源
- [地图资源](https://hu-snail.github.io/vue3-resource/platform/web/map.html) - vue3地图适配的组件较少，欢迎推荐
- [其他组件](https://hu-snail.github.io/vue3-resource/platform/web/others.html) - 包含`Vue-qrcode- 二维码`、`Vue-typical 动画输入`、`Vue3-clipboard- 剪贴板`、`Iscroll- 平滑滚动插件`
- ### 移动端
- [UI库](https://hu-snail.github.io/vue3-resource/platform/mobile/ui.html) - 推荐常用的UI库，包含`Vant`、`NutUI 3.0`、`Varlet`、`Ionic Framework`、`WaveUI`等优秀开源UI库
- [开源项目](https://hu-snail.github.io/vue3-resource/platform/mobile/project.html) - 推荐优秀开源项目，帮助您更好的学习`vue3`
- [滚动组件](https://hu-snail.github.io/vue3-resource/platform/mobile/scroll.html) - 包含`BetterScroll`、`Mescroll`、`FullPage.js`等优质移动端滚动组件
- [配套资源](https://hu-snail.github.io/vue3-resource/platform/mobile/include.html) - 包含`Fastclick`,此资源还待完善，👏🏻 [欢迎推荐](https://github.com/hu-snail/vue3-resource/issues/new)
- ### Electron
- [Electron总览资源](https://hu-snail.github.io/vue3-resource/platform/electron.html) - 此资源还待完善，👏🏻 [欢迎推荐](https://github.com/hu-snail/vue3-resource/issues/new)
- [Electron-vue-vite](https://github.com/caoxiemeihao/electron-vue-vite) - Electron + Vite + Vue 整合模板 -- 结构简单，容易上手！
- [Vite-electron-quick](https://github.com/MangoTsing/vite-electron-quick) - ⚡️Starter template with Vite2 Vue3 and Electron 11.x /使用 Vite2 Vue3 以及 Electron 11.x 打造的快速启动模版
- [Electron-vue3-inote](https://github.com/heiyehk/electron-vue3-inote) - 使用electron13+vue3.x+ts的桌面端便笺项目，拥有漂亮的过渡动画效果，以富文本形式储存在本地，可多开输入窗口
- [Electron-vite-template](https://github.com/umbrella22/electron-vite-template) - 本项目是一个由Vite和rollup组成的vue3+Vite+electron项目模板
- [Electron-admin-element-vue](https://github.com/lqsong/electron-admin-element-vue) - Electron Vue3.x Element-UI Admin
- ### 小程序
- [小程序资源总览](https://hu-snail.github.io/vue3-resource/platform/mp/project.html) - 此资源还待完善，👏🏻 [欢迎推荐](https://github.com/hu-snail/vue3-resource/issues/new)
- [Uni-app](https://github.com/dcloudio/uni-app) - uni-app 是使用 Vue 语法开发小程序、H5、App的统一框架
- [Taro](https://github.com/nervjs/taro) - 开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用
- [Kbone](https://github.com/Tencent/kbone) - 一个致力于微信小程序和 Web 端同构的解决方案
- [Vant-weapp](https://github.com/youzan/vant-weapp) - 轻量、可靠的小程序 UI 组件库
- [Nut-UI- Taro框架](https://github.com/jdf2e/nutui) - 京东风格移动端 Vue2、Vue3 组件库
- ### 常用库
- [资源总览](https://hu-snail.github.io/vue3-resource/platform/common.html) - 资源总览详情
- [Lodash- 实用工具库](https://github.com/lodash/lodash) - Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库
- [Outils- 业务代码工具库](https://github.com/proYang/outils) - 前端业务代码工具库
- [30-seconds-of-code- 代码片段](https://github.com/30-seconds/30-seconds-of-code) - 满足您所有开发需求的简短 JavaScript 代码片段
- [Chancejs-随机数](https://github.com/chancejs/chancejs) - 生成随机数据的库
- [Nanoid- ID 生成库](https://github.com/ai/nanoid) - 一个小巧、安全、URL友好、唯一的 JavaScript 字符串ID生成器
- [Js-md5- md5加密](https://github.com/emn178/js-md5) - md5加密，支持 UTF-8 编码
- [encoder/decoder 库](https://github.com/mathiasbynens/he) - 前端 encoder/decoder 库
- [Imagemin- 图片压缩](https://github.com/imagemin/imagemin) - 图片压缩库
- [FileSaver.js- 文件下载](https://github.com/eligrey/FileSaver.js) - 文件下载插件 很多时候下载会有兼容性问题，它能帮你解决这些问题
- [StreamSaver.js 大文件下载](https://github.com/jimmywarting/StreamSaver.js) - 大文件下载
- [Big.js](https://github.com/MikeMcl/big.js) - 用于任意精度十进制和非十进制算术的 JavaScript 库
- [Bignumber.js](https://github.com/MikeMcl/bignumber.js) - 用于任意精度十进制和非十进制算术的 JavaScript 库
- [Momentjs](http://momentjs.cn/) - JavaScript 日期处理类库
- [Dayjs](https://github.com/iamkun/dayjs/) - Day.js 是一个轻量的处理时间和日期的
- [Date-fns](https://github.com/date-fns/date-fns) - JavaScript 日期处理类库JavaScript 库，和 Moment.js 的 API 设计保持完全一样。
- [Qs- url参数转化](https://github.com/ljharb/qs) - qs是一个url参数转化（parse和stringify）的js库
- [Numeral.js- 格式化和处理数字](https://github.com/adamwdraper/Numeral-js) - 一个用于格式化和处理数字的javascript库
- ### 学习&面试
> 建议阅读官方文档，最好的学习资料！！！
- 社区
- [掘金- 代码不止,掘金不停](https://juejin.cn/)
- [stackoverflow](https://stackoverflow.com/)
- [CSDN - 专业开发者社区](https://www.csdn.net/?spm=1011.2124.3001.4476)
- [SegmentFault 思否](https://segmentfault.com/)
- [开源中国社区 - OSCHINA - 中文开源技术交流社区](https://www.oschina.net/)
- [v2ex- 国内最具影响力创意工作者社区、和开发人员交流社区](https://www.v2ex.com/)
- [博客园- 面向程序员的的在线学习社区](https://www.cnblogs.com/)
- [51CTO- 中国知名IT技术网络平台](http://www.51cto.com/)
- [简书- 创作你的创作](https://www.jianshu.com/)
- [知乎- 有问题,就会有答案](https://www.zhihu.com/)
- 文档
- [vue3源码解读](https://www.vue3js.cn/start/)
- [Vue组合式APIs手册](https://vue3js.cn/vue-composition-api/)
- [mini-vue](https://github.com/cuixiaorui/mini-vue) - 实现最简 vue3 模型，用于深入学习 vue3
- [技术胖：Vue3.x学习路线-按此路线学习畅通无比](https://www.jspang.com/detailed?id=67)
- 掘金文章
- [Vue 3.0 来了，我们该做些什么？](https://juejin.cn/post/6874604408030789640)
- [Vue3.0 新特性以及使用经验总结](https://juejin.cn/post/6940454764421316644)
- [Vue3实战系列：Vue3.0 + Vant3.0 搭建种子项目](https://juejin.cn/post/6887590229692121096)
- [🔥🔥🔥 Vue3.0 + Vite2 + Element-Plus 搭建后台管理模版](https://juejin.cn/post/7010666535173750797)
- [从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境](https://juejin.cn/post/6951649464637636622)
- 视频
- [Vueschool](https://vueschool.io/)
- [Vite2 + Vue3项目最佳实践「持续更新中」](https://www.bilibili.com/video/BV1vX4y1K7bQ?p=2)
- [李南江」Vue3.0正式版教程2020年9月19号全网首发-Vue3 One Piece 持续更新中...](https://www.bilibili.com/video/BV14k4y117LL?from=search&seid=17306204784970645166&spm_id_from=333.337.0.0)
- [Vue3.0（正式版）+ Vite开发快速入门](https://www.bilibili.com/video/BV1SZ4y157m8?p=2)
- [Vue3.0从0到1搭建管理后台系统项目实战](https://www.bilibili.com/video/BV183411B7nJ?p=59)
- 面试
- [Vuejs面试问题](https://github.com/sudheerj/vuejs-interview-questions)
- [2021年，vue3.0 面试题分析（干货满满，内容详尽）](https://blog.csdn.net/qq_35942348/article/details/110677399)
- [建议收藏）Vue3 对比 Vue2.x 差异性、注意点、整体梳理，与React hook比又如何？（面试热点）](https://juejin.cn/post/6892295955844956167)
- [Vue3.0面试题](https://segmentfault.com/a/1190000038848131)
- [vue3.0 面试题总结](https://blog.csdn.net/weixin_40599109/article/details/110938941)
- [面试官系列](https://vue3js.cn/interview/)
- [吐血整理清单一](https://github.com/vue3/vue3-News/issues/9)
- [吐血整理清单二](https://github.com/vue3/vue3-News/issues/10)
- [吐血整理清单三](https://github.com/vue3/vue3-News/issues/11)
- ### 文档&工具
- Vue3
- [英文文档](https://v3.vuejs.org/)
- [中文文档](https://v3.cn.vuejs.org/)
- UI库
- Element-Plus
- [旧版本文档](https://doc-archive.element-plus.org/#/zh-CN/component/installation)
- [新版本文档](https://element-plus.gitee.io/zh-CN/guide/installation.html)
- Ant Design Vue：[文档地址](https://antdv.com/docs/vue/introduce-cn/)
- Naive UI：[文档地址](https://www.naiveui.com/zh-CN/light)
- Element3：[文档地址](https://element3-ui.com/#/)
- Vant: [文档地址](https://vant-contrib.gitee.io/vant/v3/#/zh-CN)
- NutUI 3.0: [文档地址](https://nutui.jd.com/#/intro)
- 小程序
- 微信小程序：[文档地址](https://developers.weixin.qq.com/miniprogram/dev/framework/)
- 字节小程序：[文档地址](https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/guide/start/introduction/)
- 支付宝小程序：[文档地址](https://opendocs.alipay.com/mini)
- QQ小程序：[文档地址](https://q.qq.com/wiki/)
- 智能小程序：[文档地址](https://smartprogram.baidu.com/docs/introduction/enter_application/)
- UniApp: [文档地址](https://uniapp.dcloud.io/)
- Taro: [文档地址](http://taro-docs.jd.com/taro/docs/README/index.html)
- 组件
- ECharts5：[文档地址](https://echarts.apache.org/zh/index.html)
- Vue-echarts:[文档地址](https://vue-echarts.vercel.app/)
- Vue.draggable.next: [文档地址](https://github.com/SortableJS/vue.draggable.next#readme)
- WangEditor V5: [文档地址](https://www.wangeditor.com/v5/)
- Tinymce-vue: [文档地址](https://www.tiny.cloud/docs/)
- Vue-cropper: [文档地址](https://github.com/xyxiao001/vue-cropper#readme)
- Vue-markdown-editor: [文档地址](https://code-farmer-i.github.io/vue-markdown-editor/zh/)
- Md-editor-v3: [文档地址](https://imzbf.github.io/md-editor-v3/index)
- ### 收藏
> 此模块仅仅博主收藏，不符合vue3资源推荐！！！
- [Nodeppt- PPT演示](https://github.com/ksky521/nodeppt) - 这可能是迄今为止最好的网页版演示库（markdown 写 ppt）
- [Squoosh 在线图片压缩](https://github.com/GoogleChromeLabs/squoosh) - 谷歌在线图片压缩
- [美叶](https://www.meiye.art/) - 优质设计资源
- [Removebg](https://www.remove.bg/zh) - 在线抠图去除背景
- [Carbon](https://carbon.now.sh/) - 将代码转为图片，博客推荐使用
- [Picdiet](https://picdiet.eula.club/) - 在线压缩图片
- [Css渐变色](http://color.oulu.me/) - 在线免费渐变色
- [Undraw](https://undraw.co/illustrations) - 免费插画，给网站配图
- [Shapedivider](https://www.shapedivider.app/) - 精美背景分割，用于网站首页
- 查询必备
- [Awesomejs](https://awesomejs.dev/)- 查询你的项目使用的插件，很全！！！
- [Devdocs- 在线查询各种编程手册的文档](https://devdocs.io/)
- [Can I Use- 查询CSS、Js在各种流行浏览器中的特性和兼容性](https://caniuse.com/)
- 浏览器插件
- [Vuejs Devtools](https://github.com/vuejs/devtools)- 用于调试 Vue.js 应用程序的浏览器 devtools 扩展
- [掘金插件](https://juejin.cn/extension)- 一站式聚合优质内容 · 快捷工具 · 常用网址
- [Lighthouse](https://developers.google.com/web/tools/lighthouse)- 是一个开源的自动化工具，用于改进网络应用的质量
- [Hacker Tab](https://github.com/huchenme/hacker-tab-extension)- 查询最新的热门开源项目
- [JSON Formatter](https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa?hl=en)- json美化