Vue是一個用于構建用戶界面的Java框架。值得關注的是，它在沒有谷歌和的支持下獲得了大量的人氣。
Vue是結合和的最好的方法，并且擁有一個有凝聚力的，活躍的，能夠應對開發問題的大型社區。相同的社區能夠不斷地提出新的方法去解決常規的問題。隨著貢獻量的增加，可用的數據以及庫的數量也會隨之增加。
使用Vue的益處
框架很小。這個框架的大小是18- 21KB ；
Vue支持基于組件的方法來構建Web應用程序;
文檔詳細。開發人員總是喜歡使用帶有詳細文檔的框架，因為他們編寫第一個應用程序總是很容易；
通俗易懂。由于Vue. js 結構簡單,用戶可以很容易地將其添加到Web項目中。它有一個定義良好的體系結構來保存您的數據。生命周期法與定制法分離；
集成簡單。你可以簡單地通過CDN添加Vue. js –無需設置節點和npm開始使用Vue. js 。你也可以使用它作為一個偉大的替代品；
工具完善。Vue. js 就有了。 允許你啟動新項目，包括路由、狀態存儲、、單元測試、CSS預處理器、Type、PWA等——它們都是內置的。此外， 還提供了管理項目的UI。
使用Vue的項目
如果你想創建輕量級且易于修復的應用程序，那么Vue. js 是一個不錯的選擇。
學習曲線相當低，允許在短時間內掌握框架，然后繼續進行應用程序開發。我們建議在以下情況下使用Vue:
如果您想構建單頁應用程序或漸進式 (你可以使用nuxt. js 框架);
你想讓你的團隊學習新的技術，Vue是一個很好的選擇；
快速構建MVP；
你想建立一個SEO友好的應用程序;
你有一個緊張的預算和希望迅速地測試的想法。
Vue的受歡迎度
談到Vue. js 的受歡迎程度,在#vue . js 中的內有超過57, 000 個問題和大約15, 000個npm包。與其他框架相比，Vue. js 仍然排在第三位，但在沒有和支持的情況下仍然擁有非常好的社區。
開放源碼項目的評價標準
文檔。任何好的項目都應該有全面的文檔；
如何很好地描述提交的規則。如果開源項目想要增加貢獻者的數量，這是必不可少的；
如何很好地組織與問題的工作。處理問題的工作應組織良好，以便操作人員知道首先解決哪些問題；
項目是否有路線圖？路線圖幫助貢獻者選擇他們將首先開發的特性；
上的星星數。這一標準在一定程度上反映了項目的質量；
成熟度。分析項目開發并試圖決定應該使用什么作為工具來獲得結果，需要小心選擇尚未成熟或沒有十足把握的工具；
bug或者漏洞。如果你需要幫助，可能沒有大型的知識庫或社區。
在我們的選擇中,我們根據功能目的劃分項目:
·CMS和生成器；
·UI組件；
·應用程序；
·工具包;
·開發者工具。
Vue開源項目
我們列出了你應該了解的最重要的工具和庫,并最終在Vue. js 項目中使用和貢獻。與許多其他文章只列出UI組件庫不同，我們在Vue生態系統中包含了其他庫和插件。
我們的選擇是基于他們的有用性、有效性、文檔、想法和貢獻指南。
01
頁面工具包
是一個開源的CMS，在Vue. js 和框架的幫助下構建。CMS是模塊化的，所以你可以逐步擴展功能。是在MIT許可證下發布的，因此它可以自由地修改、共享和重新發布，沒有任何限制。
該產品具有CMS的所有主要和高級功能：
·可定制的分析儀表板與網站性能;
·網站內容編輯頁面；
·內置博客；
·HTML和 編輯器;
·文件管理器；
·用戶角色管理。
還有一些東西和特點對開發者特別有用。該產品使用簡單的ORM、模塊化架構和包管理構建。還有一個內置的調試工具欄，可以幫助開發人員監視性能、路由、數據庫查詢和調試內部系統事件、擴展甚至可以添加自己的功能。另外，也可以使用CLI執行系統更新、安裝和卸載擴展和主題，以及直接從終端清除緩存。
該產品有一個強大的貢獻指南，團隊歡迎人們來修復錯誤，翻譯或擴展CMS的功能。社區沒有那么大，但非常發達，熱心幫助新人。
因此,這是一個非常強大的產品,具有非常全面的文檔和透明的貢獻指南。開啟開源世界之路的絕佳選擇。
02
是一個由Vue. js 作者 創建的基于Vue的靜態站點生成器。在 幫助下，網站創建使用 、Vue和 。最初，該產品是作為編寫技術文檔的工具而創建的，但現在它是一個小型、緊湊、功能強大的 CMS 。在 中你用 寫內容，然后轉換成預渲染的靜態HTML文件。
該項目有一個組織良好的捐款指南，工作流程透明。它還有很好的問題管理功能。社區有超過300個活躍貢獻者,他們可以支持你。這是你開始為開源項目做貢獻的好選擇。
03 Vue店面
是一款面向電子商務的PWA，可以連接到幾乎任何電子商務后端：它使用了 架構。這包括流行的 平臺、、 等。 的一些優勢包括移動優先的方法、服務器端渲染（有利于SEO）和離線模式。
該產品擁有一個發達的社區：中約有2000名開發者和180多名活躍貢獻者。這是特別有價值的，因為團隊有一個清晰的路線圖，所以你作為一個貢獻者可以選擇你可以做的任務。總之，這是一個非常有趣的，支持和需要在上面花時間的產品。
04
允許您將組件直接拖放到可視化編輯器中，并根據你的選擇移動它們的大小，從而構建Vue. js 項目。這個項目的目的是合并設計和原型到一個單一的過程。
顯著特征:
·通過拖放組件和移動/調整它們的大小來模擬/還原它們；
·支持標準鼠標和鍵盤組合;
·響應式預覽(手機、平板電腦、網絡);
·一組基本的元素;
·材料設計組件（vue- mdc - ）；
· 源代碼生成( . zip )。
這個項目有一個清晰的路線圖，你可以直接在上看到。由于該項目是相當新的，仍在進行中的工作沒有貢獻指南，但你可以自由的打開任何問題和公關。
05
與有許多相似之處，但它采用了一種不同的非常強大的方法來處理數據源。它允許你連接并使用應用中的許多不同類型的數據,然后將這些數據統一到一個 層中。基本上， 的前端功能用Vue，數據管理用 。
工作方式可以概括為以下三個步驟:
你提供 、JSON、YAML或CVS數據格式的內容，或者從或等CMS導入內容；
內容轉化為一個 層，提供集中的數據管理；
然后用這些數據用Vue構建你的應用。
在開發方面，文檔有一個清晰的路線圖、一個描述良好的更改日志和一個貢獻指南。投稿是一個不錯的選擇。
06 UI組件
根據 規范提供了大量精心制作的組件(80 +)。 fy 結合了Vue. js 和的所有優點。該框架是與RTL和 - 3 兼容。 的所有組件都有很好的記錄,也有清晰的示例。它與Vue的服務器端渲染（SSR）一起工作。 支持所有現代網絡瀏覽器——甚至是IE11 和 +(使用多功能填充)。它還提供了現成的項目腳手架,這樣您就可以用一個命令開始構建您的Vue. js 應用程序。
它提供了一組基于材料設計的組件,例如:
·按鈕；
·投入；
·卡片；
·表，
·清單。
背后有一個充滿活力的社區,有超過500個貢獻者,他們創建了許多 插件。它具有成為一個好的開源的所有主要組件：廣泛的文檔、貢獻指南、問題管理。但在我們看來，這很難做出貢獻，因為社區已經很大了。
07
基于為Vue. js 提供了輕量級的UI組件。有兩個核心原則：讓事情簡單化，輕量化。這也解釋了為什么它唯一的依賴是Vue和 。雖然它只有40多個組件，但它為你提供了隨時可用的移動優先和響應式的UI組件。
特點：
·支持 圖標和 ;
·非常輕便，除了Vue& Bu lma 之外沒有內部依賴；
·約88KB min + gzip ;
·語義代碼輸出。
08
簡單，輕巧，完全按照 規范建造。VUE材料提供超過56個組件來構建不同類型的布局。一個偉大的事情是材料設計框架有真正徹底的文檔。該框架非常輕量級，包含完整的組件，完全符合 準則。這種設計適合每一個屏幕，并支持每一個現代瀏覽器。
路線圖、貢獻指南、好的文檔和更新日志都在這里。對于喜歡UI項目的開發者來說，是一個不錯的選擇。
09 應用
Koel
Koel是一個個人音樂流媒體服務，你可以根據你的需要定制。客戶端用Vue編寫，后端用編寫。koel以web開發者為目標,采用了一些更現代化的web技術,比如 、音頻和拖放api等等。
這個項目在上相當受歡迎，有52個貢獻者。不幸的是，沒有詳細的貢獻指南，但是作者在上寫道，在你提交任何東西之前，你需要打開一個問題。還有一個通過 贊助該項目的選項。
我們喜歡這個項目背后的想法，使一個流媒體服務，將由社區開發。因此，如果你熱愛音樂，想要提高自己的Vue技能，投稿會是一個不錯的選擇。
10 .js
. js 是使用Vue構建的強大、靈活、獨特的幻燈片顯示系統。它允許你在演示文稿中創建易于重用的組件、幻燈片和樣式。它還支持動畫，主題，和互動小部件，這是偉大的網頁演示。
使用這個庫可以做的最重要的事情之一是將幻燈片放在單獨的文件中，然后在其他幻燈片顯示中重用它。你還可以將特定幻燈片顯示的幻燈片導入另一個幻燈片。創建者還提供了幾個模板，可以輕松地開始開發。
這個項目有一個貢獻指南，里面有你可以提供幫助的想法。我們認為這是一個值得花時間做的好項目：它真的幫助了很多人做演示。此外,在的幫助下,開始學習Vue很容易。
11 工具包
Nuxt.js
Nuxt是一個用于構建通用應用程序的簡單而直接的框架:服務器呈現的應用、單頁應用、漸進式Web應用，或者只是將其用作靜態站點生成器。它也是模塊化的，所以你可以只使用你的所需要的模塊簡而言之,Nu xt 將您從構建和優化您的的工作中拯救出來Nuxt. js 具有模塊化的架構,有50多個模塊可供選擇。
特點：
·熱代碼重載；
·服務器端渲染或單頁應用程序或靜態生成，您選擇；
·使用nuxt. . js 文件可配置；
·每個頁面的代碼拆分；
·用/目錄定制布局；
·只加載關鍵的CSS（頁面級）。
Nuxt成為Vue開發不可分割的一部分，有很多貢獻者和廣泛的社區。我們會選擇這個工具的貢獻,知道社區將幫助你的技能發展,并教一些新的東西。
12
是一個通用的、Vue支持的框架，允許您使用相同的代碼庫為不同平臺編寫應用程序：SPA、PWA、SSR應用程序、混合移動應用程序或多平臺桌面應用程序。類星體有多達81個組件。
有一個好的文檔和大量的組件設計的性能和響應。在默認情況下集成了最佳實踐（HTML/ CSS / JS 縮小、緩存破壞、樹搖動、源映射、延遲加載的代碼拆分、ES6 傳輸、代碼鏈接、可訪問性），因此你可以主要關注應用的功能。它還提供了一個cli工具,用于輕松構建新項目的支架。
該框架有一個很棒的社區，支持聊天和論壇，加上明顯的貢獻指南。此外,你可以通過捐錢來支持該工具。
13
引導Vue是一個基于引導庫的UI工具包。它簡單地用Vue代碼替換常規引導組件中的Java。使用，你可以使用Vue.js和世界上最流行的前端CSS庫-在Web上構建響應性強、移動第一和ARIA可訪問的項目。它還可以輕松地與Nuxt.js集成。
文檔是廣泛的,再加上社區的支持是強大的不和諧,使它成為一個安全的選擇,有人開始一個項目,并作出貢獻。
14 開發人員工具
是一個完全開源的狀態頁面系統。 站點是一個Web應用程序，創建于 、Vue、Nuxt. js 和 之上。
這很酷，因為：
· 支持;
·它是一個漸進式網絡應用程序；
·多語言支持;
·輕松定制。
在社區管理和支持方面，這款產品有社區聊天、眾多教程、提示、更新和博客。它也有一個廣泛的文件和貢獻指南。
我們會推薦這個項目的貢獻，因為它是一個真正偉大的工具，使開發人員的生活真的很容易。此外,您還將熟悉Vue周圍的所有主要技術。
是一個強大的開源狀態頁面系統，用Vue和制作。它內置了10種語言。與一個簡單（但功能強大）的 捆綁在一起。此外，通過，你可以提前安排活動。在儀表板中,你可以設置指標——一種測量某些東西的方法,無論是正常運行時間、錯誤率還是完全隨機的東西。
里有一個相當大的社區，貢獻者非常活躍。開始為開源社區做貢獻是一個不錯的選擇——活躍的社區，中等規模的項目，好主意。
16
是一個基于模板的Vue. js 驗證框架，允許你驗證輸入和顯示錯誤。
由于它是基于模板的，你只需要為每個輸入指定當值更改時應該使用哪種驗證器。錯誤將自動生成的40+地區支持。很多規則都是開箱即用的。
特點：
·熟悉且易于設置的基于模板的驗證；
·i18n支持和錯誤消息在40+地區;
·異步和自定義規則支持；
·用Type編寫；
·沒有依賴。
處理表單驗證的主要痛點，并以最靈活的方式處理它們：
·能夠為你的用戶設計復雜的用戶體驗；
·大多數常見的驗證是內置的；
·跨領域驗證；
·用于增強窗體的可訪問性和樣式的實用程序；
·本地化是內置到核心。
團隊歡迎每個人為項目做出貢獻，并有一個很好的文檔和貢獻指南。它也有一些偉大的例子和偉大的社區。
結論
我們收集了Vue上最有用、最成熟的開源項目。我們想再次指出：首先，在選擇一個供資項目之前，要注意以下事項：文檔和貢獻指南還有，選擇自己最喜歡的項目，不管是否熱門。如果您希望我們在這個集合中包含任何其他工具,請給我們寫信。我們希望您能分享這篇文章，以幫助人們了解偉大的開源項目。
--- EOF ---
推薦↓↓↓
