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