Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。

Vue的核心库只关注视图层,方便与第三方库或既有项目整合。

现如今,Vue被广泛地用于网站开发的各个领域,是前端工程师必须掌握的一项技能。

github上也有很多vue相关的项目,老K精选其中特别的呈现给大家。

1. xgplayer

地址: http s:// github.com/bytedance/xgplayer

star: 2.8k

fork: 315

由字节跳动西瓜视频开源的带解析器、能节省流量的 HTML5 视频播放器。可以作为 H5 组件、Vue、React 组件单独使用。

它根据组件化的原则设计了一个独立的、可分离的 UI 组件。更重要的是,它不仅在 UI 层具有灵活性,而且在功能上也很大胆:它摆脱了视频加载、缓冲和格式支持。在播放器端加载视频、解析视频、转换格式,让不支持分段播放的 MP4 动态支持,这样就无须转换源视频的格式,服务器端也无其他开销。

2. vhr

地址: http s:// github.com/lenve/vhr

star: 17.4k

fork: 7.3k

一个前后端分离的人力资源管理系统。

该项目采用 SpringBoot + Vue 架构,这两个都是近些年很流行的框架。该项目涉及的场景很多,可作为全栈工程师的入门实践

3. Hippy

地址: http s:// github.com/Tencent/Hippy

star: 4.8k

fork: 482

一个新生的跨端开发框架,目标是使开发者可以只写一套代码就直接运行于三个平台(iOS、Android 和 Web)。

Hippy 的设计是面向传统 Web 开发者的,特别是之前有过 React Native 和 Vue 的开发者用起来会更为顺手,Hippy 致力于让前端开发跨端 App 更加容易。鹅厂提供的跨端开发框架,内部多款 APP 在用,还不快来试试!

4. vue-sui-demo

地址: http s:// github.com/eteplus/vue-sui-demo

star: 1.8k

fork: 547

这是一个用 Vue 和 SUI-Mobile 写的移动端 Demo,可以用来学习 Vue.js。

项目线上预览,效果图如下:

5. eladmin

地址: http s:// github.com/elunez/eladmin

star: 9.7k

fork: 3.6k

基于 Spring Boot 2.1.0、Vue 的前后端分离的后台管理系统,支持数据字典与数据权限管理、一键生成前后端代码、前端菜单动态路由等。

基于 Spring Boot2.1.0 框架,涉及的技术栈:非关系数据库 redis、接口测试工具 swagger、druid 数据源驱动、邮件依赖(javax.mail)、三方支付和云存储 SDK、页面模板引擎 freemarker。技术栈丰富,初学者可以作为实战项目学习和使用

6. vuepress

地址: http s:// github.com/vuejs/vuepress

star: 16.9k

fork: 3.2k

Vue 官方出品的静态网站生成器。大家的个人博客是不是要折腾一番了?官方中文文档

7. vue-unit-test-with-jest

地址: http s:// github.com/holylovelqq/vue-unit-test-with-jest

star: 292

fork: 48

一个 Vue 的单元测试项目,列出了 Vue 开发时大多需要测试的环节,并附有测试代码及说明文档。现在前端开发的技术越来越多,但是我们只是注意到了开发阶段并没有做好对应的单元测试步骤,我们可以通过这个项目学习如何针对 Vue 项目做单元测试。示例代码:

8. H5

地址: http s:// github.com/answershuto/H5

star: 431

fork: 158

这是作者的个人项目,功能是可视化编辑、生成手机 H5 页面的单页应用 WebApp。该项目是一个全栈项目,具有前后端完整服务。并且项目结构清晰。后端服务具有控制器,模型,路由,前端服务具有组件,并且使用 Vuex 做状态管理,麻雀虽小五脏俱全

9. ant-design-vue

地址: http s:// github.com/vueComponent/ant-design-vue

star: 10.9k

fork: 1.6k

Ant Design 的 Vue 实现,该项目已经得到 Ant Design 官方认可

10. genal-chat

地址: http s:// github.com/genaller/genal-chat

star: 470

fork: 82

适合前端新手学习的‘星空’聊天室项目。采用 Vue + socket.io 结合 TypeScript 语法构建,界面炫酷、良好的代码规范、支持群聊和好友搜索等功能

11. Motrix

地址: http s:// github.com/agalwood/Motrix

star: 22.1k

fork: 2.8k

桌面下载工具,支持下载 HTTP、FTP、BT、磁力链、百度网盘等资源。

界面简洁易用,采用 Vue + VueX + Element 的技术架构适合学习桌面应用开发

12. gitstalk

地址: http s:// github.com/thelittlewonder/gitstalk

star: 442

fork: 26

这是一个使用 Vue.js 开发的网页,可以看到某一个 GitHub 用户最近干了些什么。

比如 Star、Push commit、Fork 之类的操作,还会显示这个 GitHub 用户的一些信息。网站