前言

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

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

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

开源项目如何赚钱_开源项目网站_vue3开源项目

1. Vue3 中文文档

vue3开源项目_开源项目网站_开源项目如何赚钱

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

Vue3 中文文档vue3开源项目,国内 CDN 加速版

Vue3 设计理念

Vue3 设计理念,动机与目的,上手必读。

Vue3 相关项目聚合网站

2. Vue3 源码

为什么要学习源码 ?

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

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

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

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

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

3. UI 组件库Ant-design-vue

ant-design-vue 是 Ant Design 的 Vue 实现vue3开源项目,组件的风格与 Ant Design 保持同步, 目前支持 Vue 3.0 的 2.0.0 测试版 已发布。

Vant 3.0

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

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

目前 Vant 已完成了对 Vue 3.0 的适配工作,并发布了 Vant 3.0 版本

Element-plus

开源项目网站_开源项目如何赚钱_vue3开源项目

Element Plus,一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库。

#/zh-CN

element 3

开源项目如何赚钱_开源项目网站_vue3开源项目

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

4. 实战项目vue-vben-admin

vue3开源项目_开源项目网站_开源项目如何赚钱

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

vue-admin-beautiful

开源项目如何赚钱_开源项目网站_vue3开源项目

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

vue-cli

基于 Vue3.0 Composition Api 快速构建实战项目

movie-trailer

开源项目网站_vue3开源项目_开源项目如何赚钱

Vue3 + TypeScript 开发的电影预告片 webAPP,可以查看正在热映与即将上映的电影信息和短片。

newbee-mall-vue3-app

开源项目如何赚钱_vue3开源项目_开源项目网站

newbee-mall 项目是一套电商系统,包括 newbee-mall 商城系统及 newbee-mall-admin 商城后台管理系统,基于 Spring Boot 2.X 和 Vue 以及相关技术栈开发。

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

vue3-jd-h5

vue3开源项目_开源项目网站_开源项目如何赚钱

基于 vue3.0.0 ,vant3.0.0,vue-router4.0.0-0, vuex^4.0.0-0,vue-cli3,mockjs,仿京东淘宝的,移动端 H5 电商平台!

如果觉得不错,素质三连、或者点个「赞」、「在看」都是对笔者莫大的支持,谢谢各位大佬啦~

我的付费社区「前端怎么玩」

在这里你能获得些什么?

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注