Vue是一个用于构建用户界面的渐进式JavaScript框架。与其他大型框架不同,Vue被设计为自下而上逐层应用。Vue的核心库只关注视图层,方便与第三方库或现有项目集成。如今,Vue广泛应用于网站开发的各个领域,是前端工程师必须掌握的技能。github上也有很多vue相关的项目,老K选了其中的一些来给大家展示一下。1、xgplayer地址:https://github.com/bytedance/xgplayerstar:2.8kfork:315字节跳动西瓜视频开源的一款带有解析器的HTML5视频播放器,可以节省流量。可单独作为H5组件、Vue、React组件使用。它按照组件化的原则设计了一个独立可分离的UI组件。更重要的是,它不仅在UI层灵活,而且在功能上也很大胆:它摆脱了视频加载、缓冲和格式支持。在播放端加载视频、分析视频、转换格式,动态支持不支持分段播放的MP4,这样就不需要对源视频进行格式转换,也没有其他开销服务器端。2、vhr地址:https://github.com/lenve/vhrstar:17.4kfork:7.3k前后端分离的人力资源管理系统。项目采用了SpringBoot+Vue架构,都是近几年流行的框架。项目涉及场景较多,可以作为全栈工程师的入门级练习。3.hippy地址:https://github.com/Tencent/Hippystar:4.8kfork:482一个新生的跨端开发框架,目标是让开发者可以直接运行在三个平台(iOS、Android和Web)上只有一组代码。Hippy是为传统的web开发者设计的,尤其是之前接触过ReactNative和Vue的开发者。Hippy致力于让跨终端应用的前端开发变得更简单。鹅厂提供的跨终端开发框架,很多内部APP都在使用,快来试试吧!4.vue-sui-demo地址:https://github.com/eteplus/vue-sui-demostar:1.8kfork:547这是一个用Vue和SUI-Mobile写的手机demo,可以用来学习Vue.js。项目在线预览,效果图如下:5.eladmin地址:https://github.com/elunez/eladminstar:9.7kfork:3.6k一个基于SpringBoot2.1.0和Vue的后台管理系统前后端分离,支持数据字典和数据权限管理、前后端代码一键生成、前端菜单动态路由等。基于SpringBoot2.1.0框架,涉及技术栈:非关系型数据库redis、接口测试工具swagger、druid数据源驱动、邮件依赖(javax.mail)、第三方支付与云存储SDK、页面模板引擎freemarker。丰富的技术栈,初学者可以作为实用项目学习使用6.vuepress地址:https://github.com/vuejs/vuepressstar:16.9kfork:3.2kVue官方静态网站生成器。大家的个人博客要被折腾了吗?官方中文文档7.vue-unit-test-with-jest地址:https://github.com/holylovelqq/vue-unit-test-with-jeststar:292fork:48一个Vue单元测试项目,里面列出了大部分Vue开发中需要测试的链接,附上测试代码和文档。现在前端开发技术越来越多,但是我们只是注意到在开发阶段相应的单元测试步骤并没有做好。我们可以通过这个项目学习如何对Vue项目进行单元测试。示例代码:8.H5地址:http://github.com/answershuto/H5star:431fork:158这是作者的个人项目,功能是可视化编辑生成手机H5页面的单页应用WebApp.本项目是一个前后端服务完整的全栈项目。而且项目结构清晰。后端服务有控制器、模型、路由,前端服务有组件,使用Vuex进行状态管理。麻雀虽小,五脏俱全。9.Ant-design-vue地址:https://github.com/vueComponent/ant-design-vuestar:10.9kfork:AntDesign的1.6kVue实现,该项目已经正式通过AntDesign10认证。genal-chat地址:https://github.com/genaller/genal-chatstar:470fork:82适合前端初学者了解“星空”聊天室项目。使用Vue+socket.io结合TypeScript语法搭建,界面炫酷,代码规范良好,支持群聊和好友搜索等功能11.Motrix地址:https://github.com/agalwood/Motrixstar:22.1kfork:2.8k桌面下载工具,支持下载HTTP、FTP、BT、磁力链接、百度网盘等资源,界面简洁易用,Vue+VueX+Element的技术架构适合学习桌面应用发展。12.gitstalk地址:http://github.com/thelittlewonder/gitstalkstar:442fork:26这是一个用Vue.js开发的网页,可以看看某位GitHub用户最近做了什么。比如Star、Pushcommit、Fork等操作也会显示GitHub用户的一些信息。网站
