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 用户的一些信息。网站