Vue是一套多用途且高性能的js框架。與眾不同的是，Vue被設(shè)計(jì)為可以從下向上逐層應(yīng)用。

Vue的核心庫(kù)只關(guān)注視圖層，易上手，方便與第三方庫(kù)或既有項(xiàng)目整合。在web開(kāi)發(fā)中，數(shù)據(jù)綁定、組件開(kāi)發(fā)是它的優(yōu)勢(shì)。

現(xiàn)在它被廣泛地運(yùn)用在網(wǎng)站開(kāi)發(fā)的各個(gè)領(lǐng)域，是前端工程師必備的一項(xiàng)技能。

Github上有很多vue相關(guān)的好項(xiàng)目，以下就是今日推薦。

1. vhr

項(xiàng)目運(yùn)用SpringBoot+Vue開(kāi)發(fā)，這兩個(gè)都是近些年很流行的框架。它是一個(gè)前后端分離的人力資源管理系統(tǒng)。它的使用者偏向機(jī)關(guān)和事業(yè)單位內(nèi)人士和在職開(kāi)發(fā)人員，不屬于互聯(lián)網(wǎng)應(yīng)用。該項(xiàng)目的初衷就是幫助大家掌握前后端分離開(kāi)發(fā)的跳板，掌握vhr中包括的技術(shù)點(diǎn)，這樣在開(kāi)發(fā)其他常規(guī)企業(yè)級(jí)應(yīng)用時(shí)就不會(huì)出現(xiàn)技術(shù)上的停頓了。

2. Twill

這是一個(gè)依靠大量的預(yù)構(gòu)建功能和自定義的Vue.js UI組件，開(kāi)發(fā)人員不必再將精力分散到重建標(biāo)準(zhǔn)組件上。Twill是開(kāi)源的開(kāi)發(fā)框架軟件包，可以讓你快速創(chuàng)建強(qiáng)大美觀的自定義CMS。它可以在不損害開(kāi)發(fā)者控制能力的情形下實(shí)現(xiàn)通用功能的標(biāo)準(zhǔn)化，輕松交付功能豐富的管理控制臺(tái)。

3. Hippy

一款高性能的跨端開(kāi)發(fā)框架，目標(biāo)是讓開(kāi)發(fā)人員可以只寫(xiě)一套代碼就直接運(yùn)行于三個(gè)平臺(tái)(iOS、Android 和 Web)。它解決了H5開(kāi)發(fā)時(shí)受瀏覽器接口和實(shí)現(xiàn)不同意的問(wèn)題，又保留了H5的靈活性。他的開(kāi)發(fā)效率高、穩(wěn)定性好、迭代快、無(wú)協(xié)議風(fēng)險(xiǎn)。它從前端開(kāi)發(fā)人員的角度出發(fā)，推出了跨端解決方案，上手難度降低。鵝廠內(nèi)部多款 APP 在用，還不快來(lái)試試!

4. eladmin

基于 Spring Boot 2.1.0、Spring Boot Jpa、Spring Security、redis、Vue 的前后端分離的權(quán)限管理系統(tǒng)，采用分模塊開(kāi)發(fā)方式，支持?jǐn)?shù)據(jù)字典與數(shù)據(jù)權(quán)限管理、一鍵生成前后端代碼。

5. vuepress

這是一個(gè)基于Vue的靜態(tài)網(wǎng)站生成器。充分利用了vue SSR、vue-router等技術(shù)，可以讓你更快捷地寫(xiě)文檔。當(dāng)然有人說(shuō)它雞肋，上手有難度，但也有人說(shuō)當(dāng)所有人為了寫(xiě)文檔發(fā)愁時(shí)，vuepress出現(xiàn)了，所以這里推薦你大膽嘗試。

6. vue-unit-test-with-jest

Vue 的單元測(cè)試項(xiàng)目，讓你的單元測(cè)試從小白到無(wú)障礙的升級(jí)。它羅列出 Vue 開(kāi)發(fā)時(shí)大部分需要測(cè)試的環(huán)節(jié)，還包括測(cè)試代碼及說(shuō)明文檔。為了降低理解的難度，里面都是一些基礎(chǔ)的例子。前端開(kāi)發(fā)的技術(shù)日漸增多，所以要關(guān)注開(kāi)發(fā)階段時(shí)沒(méi)有做好對(duì)應(yīng)的單元測(cè)試步驟，這個(gè)項(xiàng)目就可以針對(duì)性地學(xué)習(xí)。

7. genal-chat

這是一個(gè)適合前端新手學(xué)習(xí)的聊天室項(xiàng)目，可以鞏固你的前端技能。使用 Vue + socket.io 結(jié)合 TypeScript 語(yǔ)法構(gòu)建，界面酷炫有完整的聊天室功能，優(yōu)良的代碼規(guī)范。

8. PageKit

Pagekit是運(yùn)用Symfony組件和Vue.js構(gòu)建的輕型CMS。這是一種現(xiàn)代化的開(kāi)源CMS，擁有簡(jiǎn)潔直觀的界面。它需要兼容的組件和配置要求都比較高，但無(wú)論是個(gè)人或公司使用Pagekit，都可以為網(wǎng)絡(luò)創(chuàng)建功能強(qiáng)大的內(nèi)容，讓它在每臺(tái)設(shè)備上都能完美運(yùn)行。

9. Vue-cli

vue-cli 是一個(gè) vue.js 項(xiàng)目腳手架，使用 vue-cli 可以快速創(chuàng)建 vue 項(xiàng)目。也就是用配置好的模板快速搭建項(xiàng)目工程，方便快捷。它的插件機(jī)制十分靈活，以及GUI界面的直觀對(duì)開(kāi)發(fā)效率有顯著的提升，如果你不是一個(gè)喜歡折騰的人，只想寫(xiě)代碼，那么這就是你的理想工具。

10.Nuxt.js

Nuxt 是一個(gè)簡(jiǎn)單的框架，用來(lái)構(gòu)建通用程序，最常用的就是服務(wù)器端渲染，單頁(yè)應(yīng)用。它適合做新聞、電影、資訊等需要搜索引擎提供流量的項(xiàng)目。它一樣是模塊化的，有50多個(gè)模塊所以取你所需即可。它有強(qiáng)大的路由功能，支持異步數(shù)據(jù)，支持各種樣式預(yù)處理器。Nuxt 讓你不再煩惱于構(gòu)建和優(yōu)化程序的工作。