20 個新的且值得關注的 Vue 開源項目

時間 2019-12-19

標籤新的值得關注 vue 開源項目简体版

原文原文鏈接

譯者：前端小智css

做者：Nastassia Ovchinnikovahtml

來源：flatlogic.com前端

你知道的越多，你不知道的越多

vue

點贊再看，養成習慣
react

本文 GitHub：github.com/qq449245884… 上已經收錄，更多往期高贊文章的分類，也整理了不少個人文檔，和教程資料。歡迎Star和完善，你們面試能夠參照考點複習，但願咱們一塊兒有點東西。jquery

Vue 相對不於 React 的一個優勢是它易於理解和學習，且在國內佔大多數。我們能夠在 Vue 的幫助下建立任何 Web 應用程序。所以，時時瞭解一些新出現又好用的Vue 開源項目也是挺重要，一方面能夠幫助我們更加高效的開發，另外一方面，我們也能夠模範學習其精華部分。git

接下來看看新出的有哪些好用的開源項目。github

uiGradients

網址： uigradients.com/web

GitHub： github.com/ghosh/uiGra…面試

GitHub Stars: 4.6k

彩色陣列和出色的UX使是這個項目的一個亮點，漸變仍然是網頁設計中日益增加的趨勢。我們能夠選擇所需的顏色，並能夠得到全部可能的漸變，並獲取對應的 CSS 代碼，趕忙收藏起來吧。

CSSFX

CSS 過分效果的集合

網址： cssfx.dev

GitHub： github.com/jolaleye/cs…

GitHub Stars: 3.5k

CSSFX 裏面有不少 CSS 過濾效果，我們能夠根據需求選擇特定的動畫，點擊對應的效果便可看到生成的 CSS 代碼，動手搞起來吧。

Sing App Vue Dashboard

一個管理模板

網址： flatlogic.com/templates/s…

GitHub： github.com/flatlogic/s…

GitHub Stars: 254

**事例：**flatlogic.com/templates/s…

**文檔：**demo.flatlogic.com/sing-app/do…

這是基於最新 Vue 和 Bootstrap 免費和開源的管理模板，其實跟我們國內的 vue-admin-template 差很少。我們不必定要使用它，但能夠研究學習源碼，相信能夠學到不少實用的技巧，加油少年。

Vue Storefront

網址： www.vuestorefront.io

GitHub： github.com/DivanteLtd/…

GitHub Stars: 5.8k

這是一個PWA，能夠鏈接到任何後端(或幾乎任何後端)。這個項目的主要優勢是使用了無頭架構。這是一種全面的解決方案，爲我們提供了許多可能性(巨大的支持穩步增加的社區，服務器端渲染，將改善網頁SEO，移動優先的方法和離線模式。

Faviator

圖標生成的庫

網址： www.faviator.xyz

GitHub： www.faviator.xyz/playground

GitHub Stars: 94

若是須要建立一個圖標增長體驗度。可使用任何 Google 字體以及任何顏色。只需經過首選的配置，而後選擇PNG，SVG或JPG格式便可。

iView

Vue UI 組件庫

網址： iviewui.com/

GitHub： github.com/iview/iview

GitHub Stars: 22.8k

不斷迭代更新使這組UI組件成爲具備任何技能水平的開發人員的不錯選擇。

要使用iView，須要對單一文件組件有充分的瞭解，該項目具備友好的API和大量文檔。

Postwoman

API請求構建器

網址： postwoman.io/

GitHub： github.com/liyasthomas…

GitHub Stars: 10.5k

這個與 Postman 相似。它是免費的，具備許多參與者，而且具備多平臺和多設備支持。這個工具真的很是快，而且有大量的更新。該工具的建立者聲稱在不久的未來會有更多功能。

Vue Virtual Scroller

快速滾動

網址： akryum.github.io/vue-virtual…

GitHub： github.com/Akryum/vue-…

GitHub Stars: 3.4k

Vue Virtual Scroller具備四個主要組件。 RecycleScroller能夠渲染列表中的可見項。若是我們不知道數據具體的數量，最好使用DynamicScroller。 DynamicScrollerItem將全部內容包裝在DynamicScroller中（以處理大小更改）。 IdState簡化了本地狀態管理（在RecycleScroller內部）。