Vue是一套用于構(gòu)建用戶(hù)界面的漸進(jìn)式JavaScript框架。與其它大型框架不同的是，Vue被設(shè)計(jì)為可以自底向上逐層應(yīng)用。
Vue的核心庫(kù)只關(guān)注視圖層，方便與第三方庫(kù)或既有項(xiàng)目整合。
現(xiàn)如今，Vue被廣泛地用于網(wǎng)站開(kāi)發(fā)的各個(gè)領(lǐng)域，是前端工程師必須掌握的一項(xiàng)技能。
github上也有很多vue相關(guān)的項(xiàng)目，老K精選其中特別的呈現(xiàn)給大家。
1. xgplayer
地址: http s:// github.com/bytedance/xgplayer
star: 2.8k
fork: 315
由字節(jié)跳動(dòng)西瓜視頻開(kāi)源的帶解析器、能節(jié)省流量的 HTML5 視頻播放器?？梢宰鳛?H5 組件、Vue、React 組件單獨(dú)使用。
它根據(jù)組件化的原則設(shè)計(jì)了一個(gè)獨(dú)立的、可分離的 UI 組件。更重要的是，它不僅在 UI 層具有靈活性，而且在功能上也很大膽：它擺脫了視頻加載、緩沖和格式支持。在播放器端加載視頻、解析視頻、轉(zhuǎn)換格式，讓不支持分段播放的 MP4 動(dòng)態(tài)支持，這樣就無(wú)須轉(zhuǎn)換源視頻的格式，服務(wù)器端也無(wú)其他開(kāi)銷(xiāo)。
2. vhr
地址: http s:// github.com/lenve/vhr
star: 17.4k
fork: 7.3k
一個(gè)前后端分離的人力資源管理系統(tǒng)。
該項(xiàng)目采用 SpringBoot + Vue 架構(gòu)，這兩個(gè)都是近些年很流行的框架。該項(xiàng)目涉及的場(chǎng)景很多，可作為全棧工程師的入門(mén)實(shí)踐
3. Hippy
地址: http s:// github.com/Tencent/Hippy
star: 4.8k
fork: 482
一個(gè)新生的跨端開(kāi)發(fā)框架，目標(biāo)是使開(kāi)發(fā)者可以只寫(xiě)一套代碼就直接運(yùn)行于三個(gè)平臺(tái)(iOS、Android 和 Web)。
Hippy 的設(shè)計(jì)是面向傳統(tǒng) Web 開(kāi)發(fā)者的，特別是之前有過(guò) React Native 和 Vue 的開(kāi)發(fā)者用起來(lái)會(huì)更為順手，Hippy 致力于讓前端開(kāi)發(fā)跨端 App 更加容易。鵝廠(chǎng)提供的跨端開(kāi)發(fā)框架，內(nèi)部多款 APP 在用，還不快來(lái)試試!
4. vue-sui-demo
地址: http s:// github.com/eteplus/vue-sui-demo
star: 1.8k
fork: 547
這是一個(gè)用 Vue 和 SUI-Mobile 寫(xiě)的移動(dòng)端 Demo，可以用來(lái)學(xué)習(xí) Vue.js。
項(xiàng)目線(xiàn)上預(yù)覽，效果圖如下：
5. eladmin
地址: http s:// github.com/elunez/eladmin
star: 9.7k
fork: 3.6k
基于 Spring Boot 2.1.0、Vue 的前后端分離的后臺(tái)管理系統(tǒng)，支持?jǐn)?shù)據(jù)字典與數(shù)據(jù)權(quán)限管理、一鍵生成前后端代碼、前端菜單動(dòng)態(tài)路由等。
基于 Spring Boot2.1.0 框架，涉及的技術(shù)棧：非關(guān)系數(shù)據(jù)庫(kù) redis、接口測(cè)試工具 swagger、druid 數(shù)據(jù)源驅(qū)動(dòng)、郵件依賴(lài)(javax.mail)、三方支付和云存儲(chǔ) SDK、頁(yè)面模板引擎 freemarker。技術(shù)棧豐富，初學(xué)者可以作為實(shí)戰(zhàn)項(xiàng)目學(xué)習(xí)和使用
6. vuepress
地址: http s:// github.com/vuejs/vuepress
star: 16.9k
fork: 3.2k
Vue 官方出品的靜態(tài)網(wǎng)站生成器。大家的個(gè)人博客是不是要折騰一番了?官方中文文檔
7. vue-unit-test-with-jest
地址: http s:// github.com/holylovelqq/vue-unit-test-with-jest
star: 292
fork: 48
一個(gè) Vue 的單元測(cè)試項(xiàng)目，列出了 Vue 開(kāi)發(fā)時(shí)大多需要測(cè)試的環(huán)節(jié)，并附有測(cè)試代碼及說(shuō)明文檔?，F(xiàn)在前端開(kāi)發(fā)的技術(shù)越來(lái)越多，但是我們只是注意到了開(kāi)發(fā)階段并沒(méi)有做好對(duì)應(yīng)的單元測(cè)試步驟，我們可以通過(guò)這個(gè)項(xiàng)目學(xué)習(xí)如何針對(duì) Vue 項(xiàng)目做單元測(cè)試。示例代碼：
8. H5
地址: http s:// github.com/answershuto/H5
star: 431
fork: 158
這是作者的個(gè)人項(xiàng)目，功能是可視化編輯、生成手機(jī) H5 頁(yè)面的單頁(yè)應(yīng)用 WebApp。該項(xiàng)目是一個(gè)全棧項(xiàng)目，具有前后端完整服務(wù)。并且項(xiàng)目結(jié)構(gòu)清晰。后端服務(wù)具有控制器，模型，路由，前端服務(wù)具有組件，并且使用 Vuex 做狀態(tài)管理，麻雀雖小五臟俱全
9. ant-design-vue
地址: http s:// github.com/vueComponent/ant-design-vue
star: 10.9k
fork: 1.6k
Ant Design 的 Vue 實(shí)現(xiàn)，該項(xiàng)目已經(jīng)得到 Ant Design 官方認(rèn)可
10. genal-chat
地址: http s:// github.com/genaller/genal-chat
star: 470
fork: 82
適合前端新手學(xué)習(xí)的‘星空’聊天室項(xiàng)目。采用 Vue + socket.io 結(jié)合 TypeScript 語(yǔ)法構(gòu)建，界面炫酷、良好的代碼規(guī)范、支持群聊和好友搜索等功能
11. Motrix
地址: http s:// github.com/agalwood/Motrix
star: 22.1k
fork: 2.8k
桌面下載工具，支持下載 HTTP、FTP、BT、磁力鏈、百度網(wǎng)盤(pán)等資源。
界面簡(jiǎn)潔易用，采用 Vue + VueX + Element 的技術(shù)架構(gòu)適合學(xué)習(xí)桌面應(yīng)用開(kāi)發(fā)
12. gitstalk
地址: http s:// github.com/thelittlewonder/gitstalk
star: 442
fork: 26
這是一個(gè)使用 Vue.js 開(kāi)發(fā)的網(wǎng)頁(yè)，可以看到某一個(gè) GitHub 用戶(hù)最近干了些什么。
比如 Star、Push commit、Fork 之類(lèi)的操作，還會(huì)顯示這個(gè) GitHub 用戶(hù)的一些信息。網(wǎng)站
