【JS】Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目
Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目
夜尽天明发布于 今天 04:51
大家好，我是你们的 猫哥，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~
关于猫哥，大家可以看看我的年终总结 前端工程师的 2020 年终总结 - 3 年之痒。
前言
猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目、常用技巧，在此分享给大家。
已经推荐了 面试项目、CSS 奇技淫巧项目、代码规范项目、数据结构与算法项目、JavaScript 奇技淫巧项目、前端必备在线工具 等专题的近 100 个优秀项目了。
平时如何发现好的开源项目，可以看看这篇文章：GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
今天给大家推荐的是 Vue3 的源码中文学习教程、支持的 UI 组件库、优质实战项目。
以下为【前端GitHub】的第 16 期精华内容。
1. Vue3 中文文档
先给大家提供 3 个 Vue3 的中文学习网址。
Vue3 中文文档，国内 CDN 加速版
Vue3 设计理念
Vue3 设计理念，动机与目的，上手必读。
Vue3 相关项目聚合网站
2. Vue3 源码
为什么要学习源码 ?
其实就跟我们写作文一样，你看的高分作文越多，写出高分作文的概率就越大。
基于现在的程序员工作模式(模块化开发，只需要拿到需求做自己的部分)，别说看源码，甚至就连项目里的代码都懒的去看，我认识的很多程序员就是这样的，一个项目摸了两三年，你要问他项目中 webpack 都干了哪些事情，他的回答是不知道，反而趾高气扬的告诉你，那些他从来都用不上，看了也没什么用，也看不懂，这里省略内心千字脏文。
阅读主要目的 是为了帮助我们 积累素材，不要书到用时方恨少，看到美女我们应该能有一万种词语去形容，如气若幽兰，美艳不可方物，一笑倾城，再笑倾国，世间尤物，而不是简短的几个字，我艹，美女!
3. UI 组件库
Ant-design-vue
ant-design-vue 是 Ant Design 的 Vue 实现，组件的风格与 Ant Design 保持同步, 目前支持 Vue 3.0 的 2.0.0 测试版 已发布。
Vant 3.0
轻量、可靠的移动端 Vue 组件库。
Vant 是有赞前端团队开源的移动端组件库，于 2016 年开源，已持续维护 4 年时间。
目前 Vant 已完成了对 Vue 3.0 的适配工作，并发布了 Vant 3.0 版本
Element-plus
Element Plus，一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库。
element 3
Element 3，一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库。
4. 实战项目
vue-vben-admin
基于 ant-design-vue，typescript，vue3.0，vite 实现的 vue3 风格的后台管理系统。
vue-admin-beautiful
基于 vue3.0 的开源 admin 项目，同时支持电脑，手机，平板，🔥🔥🔥默认分支使用vue3.x+antdv 开发，master 分支使用的是 vue2.x+element 开发。
vue-cli
基于 Vue3.0 Composition Api 快速构建实战项目
movie-trailer
Vue3 + TypeScript 开发的电影预告片 webAPP，可以查看正在热映与即将上映的电影信息和短片。
newbee-mall-vue3-app
newbee-mall 项目是一套电商系统，包括 newbee-mall 商城系统及 newbee-mall-admin 商城后台管理系统，基于 Spring Boot 2.X 和 Vue 以及相关技术栈开发。
前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。 后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。
vue3-jd-h5
🔥 基于 vue3.0.0 ，vant3.0.0，vue-router4.0.0-0, vuex^4.0.0-0,vue-cli3，mockjs，仿京东淘宝的，移动端 H5 电商平台！
最后
关于猫哥，大家可以看看 前端工程师的 2020 年终总结 - 3 年之痒，看看猫哥的脸都被打歪的 😂。
不知不觉，已经写到第 16 期了呢，已经分享超过 200 个好的前端项目了呢，往期精文请看下方宝藏仓库，点击很危险，请慎入！
平时如何发现好的开源项目，可以看看这两篇文章：如何在 GitHub 上发现优秀开源项目 和 如何使用 GitHub 进行精准搜索的神仙技巧。
可以加超级猫的 WX：CB834301747 ，一起闲聊前端。
微信搜 “前端GitHub”，回复 “电子书” 即可以获得 160 本前端精华书籍哦。
往期精文
- 推荐 12 个学习前端必备的神仙级工具类项目与网站
- 10 个 GitHub 上超火的前端面试项目，打造自己的加薪宝库！
- 11 个超火的前端必备在线工具，终于有时间上班摸鱼了
javascript前端vue.jsvue3
阅读 151发布于 今天 04:51
本作品系原创，采用《署名-非商业性使用-禁止演绎 4.0 国际》许可协议
全栈修炼
夜尽天明
公众号：全栈修炼
11.9k 声望
702 粉丝
夜尽天明
公众号：全栈修炼
11.9k 声望
702 粉丝
宣传栏
大家好，我是你们的 猫哥，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~
关于猫哥，大家可以看看我的年终总结 前端工程师的 2020 年终总结 - 3 年之痒。
前言
猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目、常用技巧，在此分享给大家。
已经推荐了 面试项目、CSS 奇技淫巧项目、代码规范项目、数据结构与算法项目、JavaScript 奇技淫巧项目、前端必备在线工具 等专题的近 100 个优秀项目了。
平时如何发现好的开源项目，可以看看这篇文章：GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
今天给大家推荐的是 Vue3 的源码中文学习教程、支持的 UI 组件库、优质实战项目。
以下为【前端GitHub】的第 16 期精华内容。
1. Vue3 中文文档
先给大家提供 3 个 Vue3 的中文学习网址。
Vue3 中文文档，国内 CDN 加速版
Vue3 设计理念
Vue3 设计理念，动机与目的，上手必读。
Vue3 相关项目聚合网站
2. Vue3 源码
为什么要学习源码 ?
其实就跟我们写作文一样，你看的高分作文越多，写出高分作文的概率就越大。
基于现在的程序员工作模式(模块化开发，只需要拿到需求做自己的部分)，别说看源码，甚至就连项目里的代码都懒的去看，我认识的很多程序员就是这样的，一个项目摸了两三年，你要问他项目中 webpack 都干了哪些事情，他的回答是不知道，反而趾高气扬的告诉你，那些他从来都用不上，看了也没什么用，也看不懂，这里省略内心千字脏文。
阅读主要目的 是为了帮助我们 积累素材，不要书到用时方恨少，看到美女我们应该能有一万种词语去形容，如气若幽兰，美艳不可方物，一笑倾城，再笑倾国，世间尤物，而不是简短的几个字，我艹，美女!
3. UI 组件库
Ant-design-vue
ant-design-vue 是 Ant Design 的 Vue 实现，组件的风格与 Ant Design 保持同步, 目前支持 Vue 3.0 的 2.0.0 测试版 已发布。
Vant 3.0
轻量、可靠的移动端 Vue 组件库。
Vant 是有赞前端团队开源的移动端组件库，于 2016 年开源，已持续维护 4 年时间。
目前 Vant 已完成了对 Vue 3.0 的适配工作，并发布了 Vant 3.0 版本
Element-plus
Element Plus，一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库。
element 3
Element 3，一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库。
4. 实战项目
vue-vben-admin
基于 ant-design-vue，typescript，vue3.0，vite 实现的 vue3 风格的后台管理系统。
vue-admin-beautiful
基于 vue3.0 的开源 admin 项目，同时支持电脑，手机，平板，🔥🔥🔥默认分支使用vue3.x+antdv 开发，master 分支使用的是 vue2.x+element 开发。
vue-cli
基于 Vue3.0 Composition Api 快速构建实战项目
movie-trailer
Vue3 + TypeScript 开发的电影预告片 webAPP，可以查看正在热映与即将上映的电影信息和短片。
newbee-mall-vue3-app
newbee-mall 项目是一套电商系统，包括 newbee-mall 商城系统及 newbee-mall-admin 商城后台管理系统，基于 Spring Boot 2.X 和 Vue 以及相关技术栈开发。
前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。 后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。
vue3-jd-h5
🔥 基于 vue3.0.0 ，vant3.0.0，vue-router4.0.0-0, vuex^4.0.0-0,vue-cli3，mockjs，仿京东淘宝的，移动端 H5 电商平台！
最后
关于猫哥，大家可以看看 前端工程师的 2020 年终总结 - 3 年之痒，看看猫哥的脸都被打歪的 😂。
不知不觉，已经写到第 16 期了呢，已经分享超过 200 个好的前端项目了呢，往期精文请看下方宝藏仓库，点击很危险，请慎入！
平时如何发现好的开源项目，可以看看这两篇文章：如何在 GitHub 上发现优秀开源项目 和 如何使用 GitHub 进行精准搜索的神仙技巧。
可以加超级猫的 WX：CB834301747 ，一起闲聊前端。
微信搜 “前端GitHub”，回复 “电子书” 即可以获得 160 本前端精华书籍哦。
往期精文
- 推荐 12 个学习前端必备的神仙级工具类项目与网站
- 10 个 GitHub 上超火的前端面试项目，打造自己的加薪宝库！
- 11 个超火的前端必备在线工具，终于有时间上班摸鱼了
以上是 【JS】Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目 的全部内容， 来源链接： utcz.com/a/105419.html
得票时间