GitHub 上排名靠前 9 个 Vue 实战项目

2,678 阅读2分钟

相比于其他前端框架,Vue 更加易学。尤其在中国,Vue 可以说是前端开发者必会的框架,在 GitHub 上基于 Vue 开源的优质项目也是数不胜数,今天我们就盘点 GitHub 上受欢迎的 9 个开源项目。

ONE. 美观的后台模板 (Star: 67.1K)

img

地址:https : //github.com/PanJiaChen/vue-element-admin

Vue Element Admin 堪称接私活利器,是一个组件丰富的前端页面模板。它基于 Vue 和 Element UI 开发,有许多功能,例如登录/注销、权限认证、表、可视化组件等等,这些功能都是直接可用的,既美观又方便。


TWO. Awesome Vue.js (Star:60.2k)

img

地址:github.com/vuejs/aweso…

如果你打算学习 Vue,找一些 Vue 的学习资料、或者示例,这个 GitHub 项目不能错过。

该项目是由 Vue.js 创建和维护的,包含一系列的 Vue.js 的精选内容,对于刚学习 Vue 的小白或者进阶老手,这个项目都是很适合的,这里面涵盖了大量的内容,因此很值得去看一看。


THREE. Element(Star:49.9k)

img

地址:github.com/ElemeFE/ele…

Element UI 是一套为开发者、设计师和产品经理准备的开源组件库,旨在快速搭建页面,基于 Vue 2 构建,非常棒的 UI 工具包。


FORE. Hoppscotch(Star:28.8k)

img

地址:github.com/hoppscotch/…

Hoppscotch:帮助你更快地创建请求,节省开发时间,早下班。Hoppscotch 除了支持 REST API 外,它还支持 GraphQL。它还可以为你的 API 生成文档。


FIVE. best-resume-ever (Star:14.6k)

img

地址:github.com/salomonelli…

这个是一个简历项目,几行代码助你快速构建美观的简历,它支持使用 Vue 和 LESS 构建的各种模板。你可以在本地预览自己的简历,还可以在模板之间随意切换,方便选择合适自己的简历。


SIX. 另一个后台模板 (Star:3.6k)

img

地址:github.com/Armour/vue-…

和第一个项目非常类似,也是非常美观的模板,功能也相似,不同的是这套模板具有 TypeScript 支持。


SEVEN. iHateRegex (Star:2.8k)

img

地址:github.com/geongeorge/…

正则表达式的可视化表示,你可以在“测试”区域中使用字符串测试正则表达式,并将可视化效果嵌入到你的站点中去,比如用户名、邮箱、日期、电话等,你只需要键入类型,它就会返回给你对应的表达式和演示字符。


EIGHT. 优雅的 Markdown 编辑器

img

地址:github.com/geongeorge/…

一款美观的 Markdown 编辑器,我用了一下,感觉没有 Typora 好用。


NINE. 快速构建 WEB 应用

GitHub 搜索 vue-admin 即可 img

img

这是一套前端模板,不是简简单单的 UI,而是一个完整的前端项目。如果你学习完 Vue 的基础知识,这个项目可以作为第一个练手项目!

链接:medium.com/javascript-…