Vue是一套用于構建用戶界面的漸進式JavaScript框架。與其它大型框架不同的是，Vue被設計為可以自底向上逐層應用。

Vue的核心庫只關注視圖層，方便與第三方庫或既有項目整合。

[[350311]]

現(xiàn)如今，Vue被廣泛地用于網(wǎng)站開發(fā)的各個領域，是前端工程師必須掌握的一項技能。

github上也有很多vue相關的項目，老K精選其中特別的呈現(xiàn)給大家。

 

1. xgplayer

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

star: 2.8k

fork: 315

由字節(jié)跳動西瓜視頻開源的帶解析器、能節(jié)省流量的 HTML5 視頻播放器?？梢宰鳛?H5 組件、Vue、React 組件單獨使用。

它根據(jù)組件化的原則設計了一個獨立的、可分離的 UI 組件。更重要的是，它不僅在 UI 層具有靈活性，而且在功能上也很大膽：它擺脫了視頻加載、緩沖和格式支持。在播放器端加載視頻、解析視頻、轉(zhuǎn)換格式，讓不支持分段播放的 MP4 動態(tài)支持，這樣就無須轉(zhuǎn)換源視頻的格式，服務器端也無其他開銷。

2. vhr

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

star: 17.4k

fork: 7.3k

一個前后端分離的人力資源管理系統(tǒng)。

該項目采用 SpringBoot + Vue 架構，這兩個都是近些年很流行的框架。該項目涉及的場景很多，可作為全棧工程師的入門實踐

3. Hippy

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

star: 4.8k

fork: 482

一個新生的跨端開發(fā)框架，目標是使開發(fā)者可以只寫一套代碼就直接運行于三個平臺(iOS、Android 和 Web)。

Hippy 的設計是面向傳統(tǒng) Web 開發(fā)者的，特別是之前有過 React Native 和 Vue 的開發(fā)者用起來會更為順手，Hippy 致力于讓前端開發(fā)跨端 App 更加容易。鵝廠提供的跨端開發(fā)框架，內(nèi)部多款 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 的前后端分離的后臺管理系統(tǒng)，支持數(shù)據(jù)字典與數(shù)據(jù)權限管理、一鍵生成前后端代碼、前端菜單動態(tài)路由等。

基于 Spring Boot2.1.0 框架，涉及的技術棧：非關系數(shù)據(jù)庫 redis、接口測試工具 swagger、druid 數(shù)據(jù)源驅(qū)動、郵件依賴(javax.mail)、三方支付和云存儲 SDK、頁面模板引擎 freemarker。技術棧豐富，初學者可以作為實戰(zhàn)項目學習和使用

6. vuepress

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

star: 16.9k

fork: 3.2k

Vue 官方出品的靜態(tài)網(wǎng)站生成器。大家的個人博客是不是要折騰一番了?官方中文文檔

7. vue-unit-test-with-jest

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

star: 292

fork: 48

一個 Vue 的單元測試項目，列出了 Vue 開發(fā)時大多需要測試的環(huán)節(jié)，并附有測試代碼及說明文檔?，F(xiàn)在前端開發(fā)的技術越來越多，但是我們只是注意到了開發(fā)階段并沒有做好對應的單元測試步驟，我們可以通過這個項目學習如何針對 Vue 項目做單元測試。示例代碼：

8. H5

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

star: 431

fork: 158

這是作者的個人項目，功能是可視化編輯、生成手機 H5 頁面的單頁應用 WebApp。該項目是一個全棧項目，具有前后端完整服務。并且項目結(jié)構清晰。后端服務具有控制器，模型，路由，前端服務具有組件，并且使用 Vuex 做狀態(tài)管理，麻雀雖小五臟俱全

9. ant-design-vue

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

star: 10.9k

fork: 1.6k

Ant Design 的 Vue 實現(xiàn)，該項目已經(jīng)得到 Ant Design 官方認可

10. genal-chat

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

star: 470

fork: 82

適合前端新手學習的‘星空’聊天室項目。采用 Vue + socket.io 結(jié)合 TypeScript 語法構建，界面炫酷、良好的代碼規(guī)范、支持群聊和好友搜索等功能

11. Motrix

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

star: 22.1k

fork: 2.8k

桌面下載工具，支持下載 HTTP、FTP、BT、磁力鏈、百度網(wǎng)盤等資源。

界面簡潔易用，采用 Vue + VueX + Element 的技術架構適合學習桌面應用開發(fā)

12. gitstalk

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

star: 442

fork: 26

這是一個使用 Vue.js 開發(fā)的網(wǎng)頁，可以看到某一個 GitHub 用戶最近干了些什么。

比如 Star、Push commit、Fork 之類的操作，還會顯示這個 GitHub 用戶的一些信息。網(wǎng)站