当前位置：尊龙游戏旗舰厅官网 > 前端技术 > vue >内容正文

vue

vue3 的学习教程汇总、源码解释项目、支持的 ui 组件库、优质实战项目 -尊龙游戏旗舰厅官网

发布时间：2025/1/21 vue 30 豆豆

尊龙游戏旗舰厅官网收集整理的这篇文章主要介绍了 vue3 的学习教程汇总、源码解释项目、支持的 ui 组件库、优质实战项目小编觉得挺不错的,现在分享给大家,帮大家做个参考.

大家好，我是你们的猫哥，一个不喜欢吃鱼、又不喜欢喵的超级猫 ~

关于猫哥，大家可以看看我的年终总结前端工程师的 2020 年终总结 - 3 年之痒。

前言

猫哥是一个常年混迹在 github 上的猫星人，所以发现了不少好的前端开源项目、常用技巧，在此分享给大家。

公众号：前端github，专注于挖掘 github 上优秀的前端开源项目，并以专题的形式推荐，每专题大概 10 个好项目，每周会有一到三篇精华文章推送，与时俱进版前端资源教程。

已经推荐了面试项目、css 奇技淫巧项目、代码规范项目、数据结构与算法项目、javascript 奇技淫巧项目、前端必备在线工具等专题的近 100 个优秀项目了。

平时如何发现好的开源项目，可以看看这篇文章：github 上能挖矿的神仙技巧 - 如何发现优秀开源项目

今天给大家推荐的是 vue3 的源码中文学习教程、支持的 ui 组件库、优质实战项目。

以下为【前端github】的第 16 期精华内容。

1. vue3 中文文档

先给大家提供 3 个 vue3 的中文学习网址。

vue3 中文文档，国内 cdn 加速版

https://vue3js.cn/docs/zh/

vue3 设计理念

vue3 设计理念，动机与目的，上手必读。

https://vue3js.cn/vue-composition/

vue3 相关项目聚合网站

https://vue3js.cn/

2. vue3 源码

为什么要学习源码 ?

1. 阅读优秀的代码的目的是让我们能够写出优秀的代码。

2. 不给自己设限，不要让你周围人的技术上限成为你的上限。

其实就跟我们写作文一样，你看的高分作文越多，写出高分作文的概率就越大。

基于现在的程序员工作模式(模块化开发，只需要拿到需求做自己的部分)，别说看源码，甚至就连项目里的代码都懒的去看，我认识的很多程序员就是这样的，一个项目摸了两三年，你要问他项目中 webpack 都干了哪些事情，他的回答是不知道，反而趾高气扬的告诉你，那些他从来都用不上，看了也没什么用，也看不懂，这里省略内心千字脏文。

阅读主要目的 是为了帮助我们 积累素材，不要书到用时方恨少，看到美女我们应该能有一万种词语去形容，如气若幽兰，美艳不可方物，一笑倾城，再笑倾国，世间尤物，而不是简短的几个字，我艹，美女!

https://vue3js.cn/start/

3. ui 组件库

ant-design-vue

ant-design-vue 是 ant design 的 vue 实现，组件的风格与 ant design 保持同步, 目前支持 vue 3.0 的 2.0.0 测试版已发布。

https://antdv.com/docs/vue/introduce-cn/

vant 3.0

轻量、可靠的移动端 vue 组件库。

vant 是有赞前端团队开源的移动端组件库，于 2016 年开源，已持续维护 4 年时间。

目前 vant 已完成了对 vue 3.0 的适配工作，并发布了 vant 3.0 版本

https://vant-contrib.gitee.io/vant/v3/

element-plus

element plus，一套为开发者、设计师和产品经理准备的基于 vue 3.0 的桌面端组件库。

https://element-plus.org/#/zh-cn

element 3

element 3，一套为开发者、设计师和产品经理准备的基于 vue 3.0 的桌面端组件库。

https://github.com/hug-sun/element3

4. 实战项目

vue-vben-admin

基于 ant-design-vue，typescript，vue3.0，vite 实现的 vue3 风格的后台管理系统。

https://github.com/anncwb/vue-vben-admin

vue-admin-beautiful

基于 vue3.0 的开源 admin 项目，同时支持电脑，手机，平板，????????????默认分支使用vue3.x antdv 开发，master 分支使用的是 vue2.x element 开发。

https://github.com/chuzhixin/vue-admin-beautiful

vue-cli

基于 vue3.0 composition api 快速构建实战项目

https://github.com/wscats/vue-cli

movie-trailer

vue3 typescript 开发的电影预告片 webapp，可以查看正在热映与即将上映的电影信息和短片。

https://github.com/lhz960904/movie-trailer

newbee-mall-vue3-app

newbee-mall 项目是一套电商系统，包括 newbee-mall 商城系统及 newbee-mall-admin 商城后台管理系统，基于 spring boot 2.x 和 vue 以及相关技术栈开发。

前台商城系统包含尊龙游戏旗舰厅尊龙游戏旗舰厅官网首页门户、商品分类、新品上线、尊龙游戏旗舰厅尊龙游戏旗舰厅官网首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。

https://github.com/newbee-ltd/newbee-mall-vue3-app