大家好,我是 CUGGZ,提前祝大家周末愉快呀~

今天来分享 10 个值得学习的 Vue 开源实战项目,通过实战项目提升编程能力!

Wiki.js

Wiki.js 是一款基于 Node.js + Vue 技术栈的强大、可高度扩展、开源的 Wiki 系统。其界面简洁美观、权限管理灵活,支持多种编辑器、多种用户验证方式、多种备份存储方式、多种搜索引擎,支持国际化、自定义主题、流量分析等,适合做小团队的知识库,适合管理和阅读,支持协同创作。

图片

Github:https://github.com/requarks/wiki。

Hoppscotch

Hoppscotch 是一种可以通过 Web 服务的方式构建 API 访问的工具,使用 Node.js + Vue 开发,采用简约的 UI 设计,能实时发送和获取响应值,它的的前身是 Postwoman。Hoppscotch 功能与 Postman 类似,不仅支持 HTTP/HTTPS ,而且还支持 WebSocket、Socket.io、EventSourcee、MQTT、GraphQL。

图片

Github:https://github.com/hoppscotch/hoppscotch。

Slidev

Slidev 是基于 Web 的幻灯片制作和演示工具。它旨在让开发者专注在 Markdown 中编写内容,同时拥有支持 HTML 和 Vue 组件的能力,并且能够呈现像素级完美的布局,还在你的演讲稿中内置了互动的演示样例。它使用了功能丰富的Markdown文件来生成精美的幻灯片,具有即时重载的体验。它还拥有很多内置的集成功能,如实时编码、导出 PDF、演讲录制等。Slidev 基于 Vue 3 + Vite + VueUse 等技术实现。

Github:https://github.com/slidevjs/slidev。

File browser

filebrowser 是一个使用 Go + Vue 编写的工具,用于在浏览器中对服务器上的文件进行管理。可以是修改文件,或者是添加删除文件,甚至可以分享文件,是一个很棒的文件管理器,可以当成网盘使用。

图片

Github:https://github.com/filebrowser/filebrowser。

Chatwoot

Chatwoot 是一个开源、自托管的用于即时消息渠道的客户支持工具,可以帮助企业提供客户支持。它是 Intercom、Zendesk、Salesforce Service Cloud 等的开源替代品。Chatwoot 对发生在不同沟通渠道的对话提供了一个综合视图。Chatwoot 的前端使用 Vue 编写。

图片

Github:https://github.com/chatwoot/chatwoot。

JEECG BOOT

JeecgBoot—Vue3版前端源码,采用 Vue3.0+TypeScript+Vite+Ant-Design-Vue等新技术方案,包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。是JeecgBoot低代码平台的vue3技术栈的全新UI版本。

Github:https://github.com/jeecgboot/jeecgboot-vue3。

MarkText

MarkText 是一个基于 Vue + Electron 的简单而优雅的开源 markdown 编辑器,专注于速度和可用性。

图片

Github:https://github.com/marktext/marktext。

Eplee

Eplee 是一款基于 Vue + Electron 的 ePub 阅读器,专注于通过简单美观的 UI 提供干净、无干扰的阅读体验。

图片

Github:https://github.com/Janglee123/eplee。

Reader

Reader 是一个前端基于 Vue.js + Element 的阅读工具。其支持书架管理、搜索、书海、看书、换源、翻页方式、手势支持、自定义主题、自定义样式、WebDAV同步、文字替换过滤、听书、用户配置备份恢复、漫画、音频、书源失效检测、导入本地TXT、EPUB、UMD格式的书籍、书籍分组、RSS订阅、定时更新书架、并发搜书、本地书仓等功能。

Github:https://github.com/hectorqin/reader。

Habitica

Habitica 是习惯养成及生产力应用,让你 “游戏人生”。游戏里的奖惩措施能激励你完成任务。Habitica 能够帮助你达成目标,变得健康,勤奋,快乐。Habitica 可以让你如角色扮演游戏般对待你的目标,对待你的生活。当你成功时升级,当你失败时掉血,然后一直不断地赚钱买武器和盔甲。Habitica 前端使用 Vue 编写。

图片

Github:https://github.com/HabitRPG/habitica。