Vue 超全資源，收藏！

這些資源涉及有關 VueJS 的組件庫，示例， 項目，工具和文章。

UI 庫和框架

UI組件庫是一組（通常）可靠的現成 UI 組件，如按鈕、輸入、對話框等。它們用作佈局的構建基塊。由於其模塊化特性，我們可以以許多不同的方式排列組件，以實現獨特的效果。

BootstrapVue

Bootstrap vue 將 Bootstrap 組件與 Vue 結合使用。它可以幫助你構建響應迅速、移動優先的項目。它是 Vue.js 和世界上最受歡迎的前端 CSS 庫 Bootstrap 的組合。BootstrapVue 將 Bootstrap 的強大功能帶到了 Vue。它使所有 Bootstrap 元素（如行、列和卡）都可以用作 Vue 組件。

此外，它還提供了適用於 Vue .js v2.6 的 Bootstrap v4 組件和網格系統的最全面的實現之一，並帶有廣泛且自動化的 WAI-ARIA 輔助功能標記。

特徵：

• 易於主題化

• 開箱即用的 ARIA 輔助功能

• 未綁定到 jQuery

你還可以查看 Vuexy VueJS 管理模板以獲取更好的想法。它基於 bootstrapVue。此外，它是一個可高度定製，高級，最受客戶喜愛的多用途管理模板。

Vuexy 提供了一些非常驚人且引人注目的功能：

• 多語言

• 支持 RTL

• 添加了 Figma 和 Sketch 文件

Vuetify

Vuetify 是一個 VueUI 庫，其中包含使用 MaterialDesign 規範的精美手工製作的組件。它由形狀、卡片、交互、深度效果（如陰影和燈光等）的 UI 指南組成。

它可以幫助你使用成功所需的所有工具來加快開發過程。此外，它支持所有現代瀏覽器，並與 VueCLI-3 兼容。它還爲 Simple HTML，Webpack，NUXT，PWA，Electron，ALa Carte，ApacheCordova 提供了基本模板。

產品特點：

• WCAG 可訪問性（a11y） / WCAG / Section 508 / RTL 支持

• 30 多種支持的語言

• 更小的捆綁尺寸，具有自動搖樹功能

• 一個龐大的 Discord 社區

• 對主要版本的長達 18 個月的支持

你可以查看 MaterioVuetify VueJS AdminTemplate 以獲得更好的想法。Materio 還提供了寶貴的功能，旨在幫助創建完全符合你想象的優質單頁應用程序。

此外，MaterioVuetify VueJS AdminTemplate 還附帶了獨特而有用的工具，例如模糊搜索，Dark，Semi-Dark 和 Bordered 佈局選項，AdvancedCards 和 Chart。此外，它還提供了以下驚人功能。

特徵：

• Pure Vue JS， 無 jQuery 依賴性

• 使用 Vue CLI 創建

• 利用 Vuex、Vue Router、Webpack

• 代碼拆分，延遲加載

• JWT 身份認證

• 訪問控制 （ACL）

• 支持 RTL

Quasar

Quasar 是一個高性能的 MaterialDesign 組件套件，具有 SPA，SSR，PWA，Mobile（Cordova 和 Compacter），Desktop（Electron）和瀏覽器擴展的構建器。這使你作爲 Web 開發人員可以快速創建多種風格的響應式網站 / 應用程序。它專注於遵循材料 2.0。

Quasar 提供了一個 UMD（統一模塊定義）版本，你可以將其作爲 CSS 和 JSHTML 標籤添加到現有項目中，然後就可以使用它了。

特徵：

• 以性能爲中心的框架

• 提供內置 SSR（服務器端渲染應用）支持

• PWA（漸進式 Web 應用程序）

• BEX（瀏覽器擴展）

• 通過 Cordova 或 Compacter 的移動應用程序（Android，iOS 等）

• 多平臺桌面應用程序（使用 Electron）

Vuesax

Vuesax 是一個基於 Vuejs 的組件框架，它是一個從頭開始設計爲可增量採用的框架。它提供了獨特且可重用的 UI 組件。該框架的重點是促進應用程序的開發，在不刪除必要功能的情況下改進其設計。此外，所有組件都具有獨特的顏色，形狀和設計，因此你可以自由使用它們而不會失去創建和生產的速度。

特徵：

• 獨特而美麗的設計

• 新穎的設計與衆所周知的材料設計相比

• 可重複使用的組件，易於實施

• 響應式支持

Nuxt.js

Nuxt 是一個基於 Vue 的漸進式框架. js 來創建現代 Web 應用程序。它基於 Vue.js 官方庫（vue，vue-router 和 Vuex）和強大的開發工具（Webpack，Babel 和 PostCSS）。

特徵

• 自動轉譯和捆綁（使用 Webpack 和 babel）

• 熱代碼重新加載

• 服務器端呈現或單頁應用程序或靜態生成，你可以根據自身選擇

Ream

Ream 是一個用於在 Vue3 中構建服務器渲染或靜態生成的 Web 應用程序的框架，它受到 Next.js 和 SvelteKit 的啓發。

開源項目

Pagekit

模塊化輕量級 CMS 由 Symfony 組件和 Vue.js 構建而成。無論是個人博客還是公司的網站。使用 Pagekit，可以爲網絡創建功能強大的內容，這些內容可以在每臺設備上完美運行。Pagekit 乾淨直觀的界面使您可以專注於最重要的事情，管理你的內容。

Koel

Koel 是一個簡單的基於 Web 的個人音頻流媒體服務，在客戶端用 Vue 編寫，在服務器端用 Laravel 編寫。針對 Web 開發人員，Koel 採用了一些更現代的 Web 技術 - CSS 網格，音頻和拖放 API 等來完成它的工作。

Flox

Flox 是一個自託管的電影，系列和 Amines 觀看列表。它建立在 Laravel 和 Vue 之上. js 並使用電影數據庫 API。該評級基於 3 分制：goodmedium bad

特徵

• 用於 Plex 的 API - 將 Plex 的電影，節目和觀看的劇集從 Plex 同步到 Flox。

• 劇集跟蹤。

• 建議。

• 監視列表。

• 熱門電影和節目，即將上映和當前電影（每日更新）。

Vuegg

VueJS 項目通過將組件直接拖放到可視化編輯器中，並移動、調整它們的大小到你的選擇。Vuegg 利用應用程序 / 網站的頁面和路由的創建，簡化了樣式設計工作，並有助於實現快速原型製作工作流程。

該項目的目的是將設計和原型設計合併到一個單一的流程中。每當你對屏幕上看到的內容感到滿意時，只需獲取代碼即可。

特徵：

• 通過拖放組件進行模型 / 原型製作，並移動 / 調整它們的大小

• 支持標準鼠標和鍵盤組合

• 響應式預覽（手機、平板電腦、網絡）

• HTML5 元素的基本集合

VUE CRUD

VueCRUD 允許創建用於管理單個表的機制，以及具有登錄系統和模塊的 CMS 或擴展 CRM。VueCRUD 使用 vue 及其生態系統（Vuex，Vuetify 等）。享受世界上最流行的 JS 框架的好處。

商業項目

Materio– Vuet__ify VueJS Laravel Admin Template

MaterioVuetify VueJS Laravel Admin Template –是開發人員最友好且高度可定製的管理儀表板模板，基於流行的前端框架 VueJS 和後端 Laravel。

如果你是一個開發人員，正在尋找最好的 VueJS Laravel 管理模板，那麼這就是一個。此外，我們遵循最高的行業標準，爲你帶來最好的 laravel 管理模板之一。此外，它不僅快速且易於使用，而且具有高度可擴展性。此外，提供極致的便利性和靈活性，你將能夠毫不費力地構建所需的任何應用程序。

此外，你可以使用此 Vuejs laravel 管理模板輕鬆構建高質量的單頁應用程序。因此，請使用我們的創新管理模板創建引人注目，高質量和高性能的單頁應用程序。

特徵：

• 純 Vuejs，無 jQuery 依賴性

• 使用 Vue CLI 創建

• 利用 Vuex、Vue Router、Webpack

• 3 儀表板，RTL 支持

• 代碼拆分，延遲加載

• API 就緒 JWT 身份驗證流程

• 訪問控制（即使在 CRUD 操作上）

• Laravel passport

• Laravel sanctum 等等

Vuexy - VueJS 管理模板

Vuexy -Vuejs Admin DashboardTemplate 在所有 bootstrapVue 管理模板中都是高級的。此外，此模板響應速度快，乾淨且結構合理。

Vuexybootstrap vue admin 模板包含 Vuejs、HTML（bootstrap4）、PHP（laravel 8）和 React （reactstrap）、Angular11。此外，這個圖形豐富的引導模板因其用戶友好的體驗和速度而受到全球開發人員的強烈推薦。此外，它是開發人員最友好的 Vuejs+ HTML 儀表板。其中包括 100 + 卡，50 + 組件等等。

特徵：

• 基於 BootstrapVue

• Vue 3 就緒 （組合 API）

• bookstrap 4.5.3

• laravel8

• 添加了 Sketch 和 Figma 文件

• JWT 身份驗證，ACL

• Internationalization/i18n & RTL Ready

Wjimo

Wjimo 有 100 多個用於企業應用程序的動態 JavaScript UI 組件。在 Wjimo 的幫助下，你可以將開發時間縮短一半。此外，你還可以快速構建輕量級，高性能的 HTML/ JavaScript UI 應用程序。

• FlexGrid 提供虛擬化渲染和無限的單元格模板

• 與所有 JavaScript 框架深度集成，包括 Angular、React、Vue、Ionic 和 Web Components

• 使用 80 多種圖表類型可視化數據

• 使用 OLAP 數據透視網格、數據透視圖和切片器分析數據

• FlexMap（測試版）我們最新的可視化地圖控件

• Cloropleth maps

• 散點圖

• 氣泡圖

Vuejs laravel 管理模板

此管理模板是使用 Vuejs2、Laravel5.4 和 Bootstrap4 構建的。VueJS 專爲從頭開始開發任何項目而設計，也可以與任何其他開發項目集成。vue 的核心庫主要與表示層相關聯，很容易與其他庫或現有項目一起使用。

特徵：

• 完全基於 VueJS

• 未使用 jQuery

• 提供 7 種佈局選項

• 多種麪包屑設計

• 添加了多個配色方案

Coloban

具有聊天，看板，通話，屏幕共享等功能的一體化項目管理工具。

Commander

它是在本地和雲中管理無服務器和容器基礎結構的最佳開發人員 IDE 之一。支持 30 多種最佳雲服務。藉助 10 多個部署和測試運行程序，你可以配置一次，然後一遍又一遍地重複。配置 Ansible 和無服務器環境變量。直接調用 lambda，或使用我們的測試運行程序測試 S3、SQS、SNS、DynamoDB 流 Lambda 調用。

它可以幫助你：

• 可視化你的系統

• 提高團隊速度

• 更快的提升時間

• 提高生產力

Moonitor

Moonitor 可以實時爲你提供加密貨幣資產的清晰概覽。

LaravelVue 管理模板（免費）

Laravel+ VueJS 是交付響應式 Web 應用程序和項目的最佳組合。此列表包括最好的免費和高級 LaravelVuejs 管理模板，以節省你的寶貴的時間。在這裏，你將看到一些基於前端框架 Vue.js 和 Laravel 作爲後端框架而構建的出色管理模板。

Vuelibs

Vuelib 是 Vue.js 庫，框架，實用程序和組件的列表。

Vue 文章

在這裏，你可以找到有關 vue2 和 vue3 的詳細文章。它還提供帶有示例的教程。

Madewithvuejs：使用 Vue.js 製作的一系列項目

使用 Vuejs 製作是網站，管理模板，應用程序，實用程序，UI 組件，庫等的豐富集合; 這是用 VueJS 製作的。你還將獲得書籍，插件，圖表等。

Vuejs examples

VueJS 示例，顧名思義，它是使用 VueJS 製作的簡單且可自定義的步驟進度指示器，Vue 自動貸款計算器，通知 / Toast 組件等示例的集合。不僅如此，它還提供了使用 VueJS 製作的 UI，遊戲，元素，媒體等組件。

用戶界面組件：

組件是使用具有更好一致性的較小、可重用部分來設計和開發 UI 的好方法。組件在設計和開發之間提供更好的協作，使你的設計語言隨着時間的推移而發展。

表格

以下是 Vue 的一些表組件和 ag-grid 組件。

• Vue Materialize Data table - 一個花哨的 Materialize CSS 數據表 VueJS 組件。

• Vue Tables-2 - Vue.js 2 個網格組件。

• 獵豹網格 - 最快的網絡開源數據表。

• vue-datasource - 一個 vue.js 服務器端組件來創建動態表。

• ag-grid-vue – 適用於 ag-Grid 的 vue 適配器.

• vue-data-tables

• vue-teible - 用於 Web 的輕量級和靈活的表格組件

• vuejs-smart-table - 使用 vanilla HTML Table 結構的直線表組件

• fancy-grid-vue - 適用於 FancyGrid 的 vue 適配器

通知

使用無模式臨時小彈出窗口通知用戶

• Vue Toasted - 適用於 VueJS 2+ 的響應式觸摸兼容 Toast 插件

• Vuex Flash - Vuex 中的 VueJs Flash Message Component

• Vue Notification Bell - 用於顯示通知的 Vue UI 組件。

• Vue Notification – 具有被動方法的 vue.js3 的加載器管理器。

• Vue Toast Notification - 又一個 Vue.js Toast 通知插件

• VueToastify - 一個大驚小怪的免費通知組件。

• vue-toaster - Vue.js Vue 3 的 toast notification plugin

加載

加載程序 / 微調器 / 進度條— 讓用戶知道正在加載某些內容

• Vue 徑向進度 - Vue 的徑向進度條組件. js。

• Vue wait - 用於 Vue/Vuex 和 Nuxt 應用程序的複雜加載程序管理。

• Vue-ultimate-skeleton-cards - 用於 Vue 的終極、完全可定製的 Skeleton Card 插件

• Vue-wait-for - Vue.js 3 的加載程序管理器，帶有反應式方法

• Vue-content-loader - SVG 組件，用於創建佔位符加載，如 Facebook 卡片加載

• vue-element-loading - 在容器內加載或全屏加載 Vue.

• tb-skeleton - 用於 Vue 的骨架屏幕加載. js

• vue-spinners - 用於 Vuejs 的加載微調器組件的集合

圖標

• Vue ionicons - 來自 Ionic Team 的組件。

• Vue awesome - 使用內聯 SVG 爲 vue.js 子體更改組件

• Mdi vue - Vuejs 的 材料設計圖標組件

• vue-zondicons - 美麗的 Zondicon svg 圖標的 Vue 組件

• vue-eva-icons – 簡單的開源 eva 圖標作爲 Vue 組件。

• vue-unicons - 1000+ 像素完美的 svg unicons，用於你的下一個項目作爲 Vue 組件。

菜單

• VueJS 下拉列表 - Vue.js 2 下拉菜單組件。重量輕，使用方便，擴展方便，無需外部設備。

• Vue 簡單菜單 - 具有一組基本功能的簡單菜單組件。

• Vue 樹導航 - Vue.js 2 樹導航，支持 vue 路由器

• bp VueJS 下拉列表 - Vuejs => 2 下拉列表。易於使用，無需外部，可選。

• Vue Bulma 手風琴 - 簡單、易於配置的手風琴或可摺疊樣式，提供 Bulma 自定義或內置圖標

• Vue-stripe-menu - 創建一個帶有動畫的導航菜單，就像在 Stripe 上一樣

圖表

• Flowchart-vue - Vue 的 Flowchart & Flowchart designer component for Vue.js。

• Vue-d3-barchart - 使用 d3 繪製圖表的小組件。

• Vue3-highcharts -Vue 3 的 Highcharts.JS 包裝器組件

• Echarts-for-vue - Vue 3 and 2 的包裝組件

• Vue3-chart-v2 - 基於 Vue 3 的 Chart.JS 的 Vue 包裝器組件

• vue-apexcharts - ApexCharts 的 Vue.js 組件

• vue-doughnut-chart - 用於 Vue 的 Doughnut 圖表組件. js。

• v-charts - 基於 Vue2.x 和 Echarts 的圖表組件。

日曆

• Vue datepicker ui - Vue 的日期選擇器組件

• Vue 日期工具 - 最輕量級的 VueJS 日期選取器和日期範圍選取器，使用 date-fns 且沒有其他依賴項

• Vue 春季日曆 - 它是一個基於 Vue 的組件，提供顯示每日事件的完整日曆的功能。

• Vue jquery calendar - 適用於 jquery ui

• Vue 日程安排板 - 一個易於使用的組件，用於顯示某人的日程安排列表，以幫助安排面試或訪問安排。

• Vue 陰曆 pro - 陰曆的 vue 組件。使用日曆. js 進行日期操作。

播客

• DNE 138 - Vale a pena VueJS？(01-05-2018)

• 憤世嫉俗的開發人員 #99 （10-15-2018）

• 語法 #130 （03-27-2019）

• 享受 Vue：新的 Vue.js 播客

求職：

• Vue.js Jobs - VueJobs - 一個 Vue.js 工作門戶，用於僱用或被僱用所有 Vue.js 工作。

• Vue.js 面試問題 - 300 個 VueJS 面試問題和答案列表

• Prokarman 簡歷生成器 - 一個免費的簡歷生成器，用於爲您夢想的工作制作簡歷。

服務器端呈現

• 通用 vue

• 因子平臺 - 擴展驅動的 VueJS 平臺 （Factor.dev → 文檔)

• Vapper - 基於 Vue 的服務器端渲染框架。

靜態網站生成器

• VuePress - 極簡主義的 Vue 供電的靜態站點生成器。

• Peco - 人類的靜態網站生成器。未維護

• Saber - 一個靜態網站生成器，用於使用 Vue.js 構建超快的網站。

• Gridsome - 使用 Vue 構建超快速、現代的網站. js

• Servue - 服務器端渲染引擎，將 vue 文件渲染爲 HTML 字符串。

社區

• 推特

• 官方論壇

• vueslack - 全球 2300 + 註冊用戶

• Vue Land - Discord chat server

結論：

在這裏，我們提到了一些非常有用的 VueJS 資源。當你使用 VueJS 項目時，你肯定需要一些工具，UI 組件庫，管理模板等。因此，爲了幫助節省時間，我們在這裏收集了一些驚人的資源，這樣你就不必在這裏和那裏搜索。你可以查看下一個項目。

希望你發現此集合有用。

轉載自 Duing（ID：duyi-duing）

原文鏈接：https://dev.to/theme_selection/ultimate-vuejs-resources-for-developers-3bbk

本文由 Readfog 進行 AMP 轉碼，版權歸原作者所有。
來源：https://mp.weixin.qq.com/s/jsscIOb0IFbI69tq6wTHLg