面向开发人员的终极 VueJS 资源🛠👨‍💻

众所周知，Vue 是最好的 JavaScript 框架之一，受到全球开发者的强烈推荐。这里我们将列出一些 VueJS 的精彩资源。不过，在开始列表之前，我们先来了解一下 VueJS。

什么是 VueJS？

Vue是一个用于构建用户界面的渐进式框架。它从零开始设计，可以根据您的目标轻松地将其变为库或框架。它由一个专注于视图层的核心库和一个支持库的生态系统组成。Vue 由 Evan You 创建。他创建 Vue 是为了将其打造为一个渐进式 JavaScript 框架，并使其成为 Angular 的高性能替代方案。

与 Angular 和 React 不同，VueJS 并未获得 Facebook 和 Google 等科技巨头的支持。然而，VueJS 凭借其出色的功能和优势，已成为最受欢迎的 JS 框架。最近，它的 GitHub 星标数量（约 18.1 万颗星）和 npm 仓库（每周下载量约 1,925,903 次）已大幅超越 React 和 Angular。

此外，它还被Gitlab、阿里巴巴、小米、Adobe、Euronews、任天堂、Grammarly、Codeship、Behance等大公司使用。

如果您正在使用 VueJS，那么您可能需要最佳的 Vue 编辑器来加快开发速度。此外，如果您需要基于 VueJS 的管理模板，那么Materio Vuetify VueJS 管理模板或许是一个不错的Vue 模板，可以帮助您启动项目。

现在，让我们开始吧。

资源

以下是一些有用的 VueJS 资源，涉及与 VueJS 相关的组件库、示例、项目、工具和文章。

官方资源

UI 库和框架

UI组件库（通常）是一组健壮的现成UI组件，例如按钮、输入框、对话框等等。它们充当布局的基石。由于组件库的模块化特性，我们可以用多种不同的方式排列组件，以实现独特的效果。

引导 Vue

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 管理模板，以获得更好的解决方案。它基于 Bootstrap Vue。此外，它是一款响应迅速、高度可定制、功能先进且深受客户喜爱的多功能管理面板。以下是它的概览。

Vuexy 提供了一些非常令人惊叹和引人注目的功能：

6 可行的应用
多种语言
支持 RTL
添加了 Figma 和 Sketch 文件

Vuetify

Vuetify 是一个 Vue UI 库，包含遵循Material Design规范的精美组件。它包含形状、卡片、交互、阴影和灯光等深度效果的 UI 指南。

此管理模板可帮助您使用成功所需的所有工具来加快开发流程。此外，它支持所有现代浏览器，并与 Vue CLI-3 兼容。它还提供适用于 Simple HTML、Webpack、NUXT、PWA、Electron、A La Carte 和 Apache Cordova 的基础模板。

特征：

WCAG无障碍访问(a11y) / WCAG / 第 508 节 / RTL 支持
支持30多种语言
通过自动摇树优化减小捆绑包大小
庞大的Discord 社区
对主要版本提供18 个月的长期支持

您可以查看Materio Vuetify VueJS 管理模板，以获得更好的想法。Materio 还提供了许多宝贵的功能，旨在帮助您创建完全符合您想象的优质单页应用🤘🏻。

此外，Vue JS 管理模板还附带独特且实用的工具，例如模糊搜索、深色、半深色和边框布局选项、高级卡片和图表。此外，它还提供以下令人惊叹的功能。

特征：

纯 Vue JS，无 jQuery 依赖
使用 Vue CLI 创建
使用 Vuex、Vue Router、Webpack
代码拆分、延迟加载
JWT 身份验证
访问控制（ACL）
支持 RTL

还请查看Materio Admin Template 的React admin Dashboard和Bootstrap Themes版本...

类星体

Quasar 是一款高性能的 Material Design 组件套件，包含适用于 SPA、SSR、PWA、移动端（Cordova 和 Capacitor）、桌面端（Electron）和浏览器扩展的构建器。这让 Web 开发者能够快速创建各种风格的响应式网站/应用。它专注于遵循 Material 2.0 标准。

Quasar 提供了 UMD（统一模块定义）版本，您可以将其作为 CSS 和 JS HTML 标签添加到现有项目中，即可使用它。

特征：

以绩效为中心的框架
提供内置 SSR（服务器端渲染应用程序）支持
PWAs（渐进式 Web 应用程序）
BEX（浏览器扩展）
通过 Cordova 或 Capacitor 实现的移动应用程序（Android、iOS 等）
多平台桌面应用程序（使用 Electron）

Vuesax

Vuesax 是一个基于 Vue JS 的组件框架，它是一个从零开始设计的可逐步采用的框架。它提供了独特且可复用的 UI 组件。该框架专注于简化应用程序的开发，在不移除必要功能的前提下改进应用程序的设计。此外，所有组件都具有独特的颜色、形状和设计，因此您可以自由使用它们，而不会降低创建和生产的速度。

特征：

独特而美观的设计
与著名的 Material Design 相比，设计新颖
可重复使用的组件，易于实现
响应式支持

Nuxt.js

Nuxt 是一个基于 Vue.js 的渐进式框架，用于创建现代 Web 应用程序。它基于 Vue.js 官方库（vue、vue-router 和 Vuex）以及强大的开发工具（Webpack、Babel 和 PostCSS）。

特征

自动转译和打包（使用 Webpack 和 babel）
热代码重新加载
服务器端渲染或单页应用或静态生成，您选择🔥

令

Ream 是一个在 Vue 3 中构建服务器渲染或静态生成的 Web 应用程序的框架，它深受 Next.js 和 Svelte Kit 的启发

有关完整列表，请访问VueJS UI 组件库。

开源项目

PageKit

模块化轻量级 CMS，基于 Symfony 组件和 Vue.js 构建。无论是个人博客还是公司网站，Pagekit 都能满足您的需求。您可以创建功能强大的网页内容，并在各种设备上完美运行。Pagekit 简洁直观的界面让您专注于最重要的事情：内容管理。

科尔

Koel 是一款基于 Web 的简单个人音频流媒体服务，客户端使用Vue编写，服务器端使用Laravel 编写。Koel 面向 Web 开发者，采用一些较现代的 Web 技术（例如 CSS 网格、音频和拖放 API 等）来完成其工作。

弗洛克斯

Flox 是一个自托管的电影、电视剧和短片观看列表。它基于 Laravel 和 Vue.js 构建，并使用电影数据库API。评分基于good、medium和的3 分制bad。

特征

Plex 的 API - 将电影、节目和观看的剧集从 Plex 同步到 Flox。
剧集追踪。
建议。
关注列表。
热门电影和节目、即将上映和正在上映的电影（每日更新）。

维埃格

通过将组件直接拖放到可视化编辑器中，并根据需要移动和调整大小来搭建 VueJS 项目。Vuegg 可以充分利用您应用/网站的页面和路由创建功能，简化样式设置工作，并帮助您实现快速原型设计工作流程。

该项目旨在将设计和原型制作合并为一个流程。只要您对屏幕上的效果满意，就可以获取代码。

特征：

通过拖放组件来制作模型/原型并移动/调整其大小
支持标准鼠标和键盘组合
响应式预览（手机、平板电脑、网络）
HTML5 元素的基本集合

Vue Crud

Vue CRUD 既可以创建单表管理机制，也可以创建带有登录系统和模块的 CMS 或扩展 CRM。Vue CRUD 使用了 Vue 及其生态系统（Vuex、Vuetify 等）。享受全球最流行的 JS 框架带来的优势。

回顾

一款出色的数字化敏捷团队回顾工具。当您与远程团队进行回顾，或想要跟踪回顾成果时，这款工具非常有用。

特征

三种类型的笔记
根据团队需求移动/优先处理笔记
向单个笔记添加要点

堆栈编辑

功能齐全的开源 Markdown 编辑器，基于 PageDown、Stack Overflow 和其他 Stack Exchange 网站使用的 Markdown 库。

商业项目

Materio – Vuetify VueJS Laravel 管理模板（最新、最佳💥）

** Materio Vuetify VueJS Laravel 管理模板– 是一款开发者友好且高度可定制的管理仪表盘模板，它基于流行的前端框架 VueJS 和后端 Laravel。如果您是一位正在寻找最佳 VueJS Laravel 管理模板的开发者，那么这就是您的理想之选。此外，我们遵循最高的行业标准，为您带来最优秀的 Laravel 管理模板之一。它不仅快速易用，而且高度可扩展。此外，它提供极致的便利性和灵活性，让您能够轻松构建任何您想要的应用程序。

此外，您可以使用此 Vuejs Laravel 管理模板轻松构建高质量的单页应用程序。因此，请使用我们创新的管理模板来创建引人注目、高质量且高性能的单页应用程序。

特征：

纯 Vuejs，无 jQuery 依赖
使用 Vue CLI 创建
使用 Vuex、Vue Router、Webpack
3 仪表板、RTL 支持
代码拆分、延迟加载
API 就绪 JWT 身份验证流程
访问控制（甚至在 CRUD 操作中）
Laravel 护照
Laravel Sanctum 等等

演示

下载

查看具有现代设计的最佳Bootstrap 管理面板...

如果您想要一个具有基本功能和良好代码质量的管理面板，请查看一些免费的 Bootstrap 模板。

Vuexy - VueJS 管理模板（最佳） 🔥

Vuexy - Vuejs 管理仪表板模板在所有 Bootstrap Vue 管理模板中堪称佼佼者。此外，该模板响应速度快、简洁明了、结构清晰。Vuexy Bootstrap Vue 管理模板融合了 Vuejs、HTML（Bootstrap 4）、PHP（Laravel 8）、React（Reactstrap）和 Angular 11 等技术。此外，这款图形丰富的 Bootstrap 模板因其用户友好的体验和速度而受到全球开发人员的强烈推荐。此外，它还是最方便开发人员使用的 Vuejs+HTML 仪表板。它包含100 多张卡片、50 多个组件等等。

特征：

基于BootstrapVue
Vue 3 就绪（Composition API）
Bootstrap 4.5.3
Laravel 8🤩
添加了Sketch和Figma文件
JWT 身份验证、ACL
国际化/i18n 和 RTL 就绪

威杰莫

Wjimo 拥有 100 多个适用于企业应用的动态 JavaScript UI 组件。借助 Wjimo，您可以将开发时间缩短一半。此外，您还可以快速构建轻量级、高性能的 HTML/JavaScript UI 应用程序。

FlexGrid 提供虚拟化渲染和无限的单元格模板
与所有 JavaScript 框架深度集成，包括Angular、React、Vue、 Ionic 和 Web Components
使用 80 多种图表类型实现数据可视化
使用 OLAP PivotGrid、PivotChart 和 Slicer 分析数据
FlexMap（测试版）我们最新的可视化地图控件
等值线地图
散点图
气泡图

VueJS Laravel 管理模板

此管理模板基于Vuejs2、Laravel 5.4 和 Bootstrap 4 构建。VueJS旨在帮助从零开始开发任何项目，并且能够与任何其他已开发的项目集成。Vue 的核心库主要与表示层相关，因此很容易与其他库或现有项目集成。

特征：

完全基于 VueJS
没有使用 jQuery
提供 7 种布局选项
多种面包屑设计
添加了多种配色方案

另外，检查Asp.NET Core 管理模板

科洛班

一体化项目管理工具，具有聊天、看板、甘特图、通话、屏幕共享等功能。

征用

它是管理本地和云端无服务器和容器基础架构的最佳开发者 IDE 之一。它支持 30 多种最佳云服务。拥有超过 10 个部署和测试运行器，您只需配置一次，即可反复使用。配置您的 Ansible 和无服务器环境变量。您可以直接调用 Lambda 表达式，或使用我们的测试运行器测试 S3、SQS、SNS 和 DynamoDB Stream Lambda 调用。

它可以帮助您：

可视化您的系统
提高团队速度
更快的启动时间
提高生产力

月球探测器

Moonitor 可让您实时清晰地概览您的加密货币资产。

Laravel Vue 管理模板免费

说到交付响应式 Web 应用和项目，Laravel + VueJS 是最佳组合。这份列表包含最佳的免费和付费 Laravel Vuejs 管理模板，助您节省宝贵时间。在这里，您将看到一些基于前端框架 Vue.js 和后端框架 Laravel 构建的优秀管理模板。

20+ Vuejs 管理模板免费下载

嗯，因为大多数知名品牌都信任 Vue 来开发他们的 Web 应用程序。因此，将它用于您的业务是一个不错的选择。在这种情况下，您必须为下一个项目选择最合适且免费的 VueJS 管理模板。

因此，此列表包含最佳的免费和高级 Vuejs 管理模板，以节省您宝贵的时间。在这里，您将看到一些基于 Vue.js 框架构建的优秀管理模板。

Vueschool

Vueschool 是一个学习 Vue.js 和现代前沿前端技术的优秀教程、短视频和课程资源库。它提供免费和付费课程。

Vuemastery

Vuemastery 提供大量课程和教程，并提供有关 VueJS 的实用文章和博客。它是最受欢迎的 Vuejs 资源之一，旨在成为 Vue 开发者的终极学习资源。Vuemastery 通过以下方式实现这一点：

以视频和文章格式创建每周教程。
共同制作官方 Vue.js 新闻。
为我们的订阅者制作独家内容。
您每月支付的 25% 将用于 Vue 项目

Vuelibs

Vuelib 是 Vue.js 库、框架、实用程序和组件的列表。

Vue 文章

在这里您可以找到有关 vue 2 和 vue 3 的详细文章。它还提供带有示例的教程。

Vuedose：逐步学习 Vue。

这里汇集了众多精彩的 VueJS 相关文章。这些 VueJS 资源包含非常详细且值得关注的文章和教程。您可以订阅以通过邮件接收所有文章。

Madewithvuejs：使用 Vue.js 制作的项目集合

Made with Vuejs 是一个丰富的 VueJS 网站、管理模板、应用程序、实用程序、UI 组件、库等资源库。您还可以获得书籍、插件、图表等资源。

Hackr.io

这是编程社区推荐的最佳 Vue.js 教程和课程列表。在这里，你可以挑选最佳课程和教程来深入学习 VueJS。

Vuejs示例

VueJS 示例，顾名思义，它是一系列使用 VueJS 制作的示例，例如简单且可自定义的步骤进度指示器、Vue 汽车贷款计算器、通知/Toast 组件等。不仅如此，它还提供使用 VueJS 制作的 UI 组件、游戏、元素、媒体等。

教程/课程/博客

以下是教程、课程、博客列表，简要概述了 VueJS。

VueJS 路线图

刚接触 VueJS？那就放下你的顾虑，看看这份 VueJS 开发者路线图吧。在这里，你将逐步了解如何成为一名 VueJS 开发者。这份 VueJS 开发者路线图将帮助你了解 VueJS 的发展方向，并在你对从哪里开始或下一步学习什么感到困惑时为你提供指导。

Vuejs 2 完整指南

这门畅销课程从头到尾详细讲解了最新版本的 Vue (Vue.js 3) 。我们将涵盖所有核心基础知识，并深入探讨 Vue 3 引入的 Composition API 等高级概念。

您将在本课程中学习：

什么是 VueJS 以及为什么要使用它？
基础知识（包括基本语法、理解模板等等！）
如何输出反应数据和监听事件
与 DOM 交互（渲染列表、有条件地附加/分离元素......）
构建出色的 Vue.js 应用程序 - 从小型简单应用程序到大型企业级应用程序
了解 Vue.js 背后的理论并在实际项目中使用它
在多页和单页应用程序（MPA 和 SPA）中利用 Vue.js
学习最新版本的 Vue（Vue 3），包括全新的 Composition API

Modus Create的VUE 3 教程

这里收集了 11 个 Vue 3 视频教程。本教程集以浅显易懂的方式讲解了 Vue 3 的基础知识。如果您是初学者，并且想要学习 Vue 3，那么本教程集非常适合您。

前端大师 Vue 3 课程

通过本课程，您将学习如何构建可复用组件，并通过 props、生命周期和 slot 使其更加灵活。使用指令通过标记构建功能，并学习如何创建自定义指令。此外，您还将了解 Vue 3 中的新功能以及如何使用新的 Composition API 来抽象功能！

Vue 3 教程 - 完整课程 10 小时 10 个应用程序（由Bitfumes提供）

VueJS 教程完整课程，适合初学者到高级用户。10 小时内构建 10 个项目，使用 Vue 3 Composition API - 设置、传送、响应性和引用。Vue 3 教程将从最基础的开始，通过构建 10 个不同的应用程序，教您如何在 10 小时的完整课程中将 TensorFlow 和 Firebase 与 Vuejs 结合使用。