Skip to content

自定义事件

  • vue-events - Vue.js 的简单事件处理。
  • vue-event-handler - VueJS 的事件处理插件。
  • vue-event-manager - Vue.js 的全局事件管理器。
  • vue-geb - 使用 Observables 的全局事件总线。
  • vue-bus - 适用于 Vue.js 2 的微型简单中央事件总线插件。
  • vue-simple-events - 又一个事件管理插件,但没有 Vue 实例
  • vue-option-events - 将 Vue.js 1 事件选项和 $emit 引入 Vue.js 2。
  • vue-emit - 一个辅助函数,用于从功能组件发出事件。
  • vue-plugin-events - 适用于 Vue.js 应用程序的简单全局事件总线,具有自动订阅控制功能。
  • vuex-cache - 一个 Vuex 插件实用程序,用于缓存将发出远程请求的操作。
  • vuex-persist - 一个支持 Typescript 的 Vuex 插件,用于帮助将存储保存到 localStorage 或任何自定义存储(您可以配置)。
  • vuex-local-state - 向 vuex 添加 'localState/sessionState' 选项。使用 localStorage 保存 Vuex 状态。
  • vuex-action-reload - 一个在满足条件时重新加载操作的 vuex 插件。
  • vuejs-storage - Vue.js 和 vuex 插件,使用 localStorage/sessionStorage 持久化数据。
  • vuex-orm - Vuex 插件,用于启用对 Vuex Store 的对象关系映射访问。
  • vuex-async-module - 减少生成 Vuex 模块的异步样板代码。与 Vue 2.x 兼容。
  • vuex-iframe-sync - iframe/window 之间的 Vuex 状态同步。
  • vuex-aspect - 将任何类型的远程数据绑定到 vuex 存储。
  • Vuenut - 是一个可以更快、更流畅地开发的组件。
  • vuex-map-fields - 为表单字段启用双向数据绑定。
  • vuex-search - 使用索引器和 Web Workers 进行客户端搜索的 Vuex 绑定。
  • vuex-pathify - 为 Vuex 存储提供统一的路径语法(例如 foo/[email protected]
  • vuex-loading - 简化 vuex 加载状态管理
  • vuex-module-builder - Vuex 模块构建器是一个包装器,用于高效编写 vuex 存储,内置一些常用方法。
  • vuex-pagination - 轻松处理 Vue/Vuex 应用程序中的分页资源。可与大多数 Vue 分页组件配合使用。
  • vuex-easy-firestore - 轻松耦合 Firebase Cloud Firestore 和 Vuex。无需任何样板代码即可实现双向同步!
  • vuex-listener - 全局 Vuex 操作和突变监听器插件
  • jsonapi-vuex - 将 JSONAPI api 与 Vuex 存储结合使用,并在客户端对记录进行重组/规范化。
  • vuexi - 提供实用程序来简化异步操作和状态管理
  • stfalcon-vuex-loading-plugin - 处理 vuex 加载状态的最简单方法
  • Vue Rest Resource - Vue.js 和 Vuex 项目的 Rest HTTP 资源管理。
  • Vuex Stateshot - 💾 Vuex3.1+ 的 Actions/Mutations 上的状态快照插件。
  • vuex-loopback - 用于 Loopback 的 Vuex 模块工厂和 Vue 组件。
  • vuex-state-snapshot - 一个 Vuex 插件,用于在突变时获取状态快照。
  • vuex-awesome-async - 它包装了 Vuex 存储,以便轻松管理异步请求(加载、错误和缓存状态)。
  • vuex-factories - 用于生成 vuex 操作和突变的工厂函数。
  • vuex-hooks - 启用 Typescript 的 vuex Composition-API 钩子。
  • vuex-composition - 一个实用程序包,用于将 Vuex 与 Composition API 和 Reactivity API 结合使用sily。
  • vuex-composition-helpers - 一个实用程序包,可轻松使用 Vuex 和 Composition API。
  • vuex-ts-enhance - 一个增强 mapXXXdispatch 方法提示的工具
  • vuex-masked-modules - 一个 Vuex 插件,将模块的数据结构放在 localStorage 中,能够屏蔽或加密数据,使其难以探索。专为 Vue 3 和 Vuex 4 设计。
选项卡之间同步

GraphQL

  • vue-apollo - VueJS 的 Apollo/GraphQL 集成。
  • vue-relay - 用于构建 GraphQL 驱动的 Vue.js 应用程序的框架。
  • vuex-orm-apollo - Vuex-ORM 的 Apollo/GraphQL 集成。
  • apollo-vue-devtools - Vue-Devtools 的 Apollo 集成,用于检查 vue-devtools 时间线中的 GraphQL 查询 #### 并发管理 - vuency - Vue.js 的并发管理。

代码风格

提高代码的可读性

CSS

  • vue-bem-cn - Vue.JS 的简单 BEM 类名生成器。
  • vue-css - Vue.js 插件,可让您将 CSS 与组件捆绑在一起。
  • vue-mods-names - 为应用程序中的所有组件的类名添加修饰符。
  • vue-styler - 简单、高效的 vue 样式器。
  • vue-css-modules - 将类名无缝映射到 Vue 组件内的 CSS 模块。
  • vue-simple-bem - 具有简洁语法的指令,用于将 BEM 类名添加到元素。
  • fela-vue - Vue 的 CSS-IN-JS mixin,设计灵活,但以团队为导向。
  • j-vue
  • vue-spinners-css - 纯 CSS vue 旋转器组件集合,用于 ajax 的 css 旋转器或基于 loading.io 的加载动画。
  • vue-css-doodle - 移植 css-doodle,一个使用 CSS 绘制图案的 Web 组件。

资产管理

用于构建/编译/打包/加载资产的实用程序

  • vue-script2 - 为您的单页应用提供标准化、设计人员友好的脚本标记行为。
  • vue-loader - Vue.js 组件的 Webpack 加载器。
  • vueify - 用于单文件 Vue 组件的 Browserify 转换。
  • vue-compiler - 围绕 vue-component-compiler 的简单 cli 包装器。
  • vue-brunch - 为 Brunch 添加预编译单文件 Vue 组件的支持。
  • poi - 开始用一个 .js 文件编写应用程序,Poi 可以为你处理所有的开发设置,不再是配置地狱。
  • http-vue-loader - 直接从你的 html/js 加载 .vue 文件,无需 node.js 环境或构建步骤。
  • vue-jsx-hot-loader - 使用 JSX 渲染函数为 Vue.js 组件启用 HMR。
  • VueInBrowserLoader - 从给定的 URL 加载 .vue 文件并直接在浏览器中将其编译为组件呃。
  • vue-separate-files-webpack-loader - 用于分离 Vue 组件部分的 Webpack 加载器
  • vue-svg-loader - 可让您使用 SVG 文件作为 Vue 组件的 webpack 加载器
  • vue-registrar - ☘️ 动态注册组件和 vuex 模块的软件包 - 让您的代码更具可读性!
  • vue-automatic-import-loader - 使用匹配函数自动导入 Vue 单文件组件的 webpack 加载器。
  • vue-aimg-loader - 一种无需编写 css 即可在 Vue 模板中使用图像的简便方法。
  • vite-svg-loader - Vite 插件,用于将 SVG 文件加载为 Vue 组件
  • vue-sfc-split - 无需构建即可将 SFC 转换为本机浏览器使用
  • webpack-plugin-qiniu-upload - Vue3,webpack-plugin-qiniu-upload 用于 qiniu(七牛)|aws(亚马逊) 云上传。 support @vue/cli-service 5.0.x #### 页面导航 - vue-navigation - 页面导航库,记录路由和缓存页面,就像原生应用程序导航一样。 一个页面导航库,记录路由并缓存页面,像原生 APP 导航一样。
  • vue-acl - Access Control List for VueJS 2.
  • vue-breadcrumbs - Implements simple breadcrumb functionality with vue-router for both Vue 1.x and Vue 2.x.
  • vue-2-breadcrumbs - 面包屑与 Vue 2.x 的 vue-router 一起使用。 Bootstrap 4 - vs-crumbs - 40 行代码中的 Vue 面包屑,允许没有子视图的嵌套路径。
  • vue-nav - 页面导航管理器,支持原生移动应用的所有导航功能。 页面导航管理器,支持手机原生应用的所有导航功能。 - vue-2-crumbs - Vue.js 2 框架的面包屑插件,允许在路由元对象中选择父路由,无需子路由。还允许使用动态数据。
  • vue-pesdk PhotoEditorSDK 的 Vue.js 包装器
  • vue-resolve 在输入/渲染该路由的组件之前解析路由数据。
  • vue-page-stack - 您的 Vue SPA 的路由和导航。Vue 单页应用导航管理器

杂项

Web Workers

  • vue-worker - 一个 Vue.js 插件,用于以简单的方式使用 webworkers。
  • vue-log-worker - 一个 Vue.js 插件,用于通过 Web Worker 将错误和 Vuex 突变记录到您的后端

JSX

迁移

Web Sockets

  • vue-socket.io - 适用于 vuejs 的 Socket.io 实现。
  • vue-websocket - 适用于 Vue.js 的简单 websocket (socket.io) 插件。
  • vue-echo - 将 Laravel Echo 集成到 Vue 中,允许轻松注册套接字事件。
  • vue-socket-cluster - 通过套接字集群使用 uws(微型 Web 套接字)的 Vue Web 套接字
  • vue-native-websocket - Vuejs 2 和 Vuex 的原生 Websocket 实现
  • vue-socket.io-extended - Vue.js 和 Vuex 的 Socket.io 绑定
  • vue-phoenix - 用于 vuejs 的 Elixir Phoenix Web Socket 实现。还提供 typescript 装饰器以便更好地使用。

服务器发送事件

  • vue-sse - 使用服务器发送事件 (EventSource) 的 Vue 插件。

付款

付款实用程序。

Stripe

vue-stripe-payment - Stripe 的 jquery.payment 的 Vue 包装器。

Paypal
Plaid

集成

与服务或其他框架集成

Vue CLI 插件

Google Analytics
  • vue-ua - Vue.js 中的 Google Universal Analytics 支持。
  • vue-analytics - Google Analytics 的 Vue 插件。
  • vue-gtm - Google Tag Manager 的 Vue 插件
  • vue-gtag - Vue 的 Global Site Tag 插件
Yandex Metrika

开发工具

  • vue-dev-server - 用于构建 vue 组件的小型开发服务器。
  • Storybook - UI 开发环境。适用于 v3.2+ 及更高版本。
  • Font Awesome Finder - Chrome 扩展程序,用于搜索、预览和选择 Font Awesome 图标,并将所选图标 HTML 代码和 Unicode 复制到剪贴板。
  • vue-dummy - 占位符文本和虚拟图像作为简单的 v-dummy 指令。
  • Bit - 在项目之间管理和重用 vue 组件。轻松隔离和共享任何项目中的组件,而无需更改其源代码,组织精选集合并安装在不同的项目中。
  • ComponentFixture - 是一个用于开发和测试其他组件的组件设计,自动绑定它们的 props。- vue-cli-template-dev-server - 用于构建 vue-cli 自定义模板的开发服务器。
  • vue-codemods - 帮助更新和重构 Vue 和 JavaScript 文件的 codemod 脚本集合。
  • codesandbox - 用于快速开发 Vue 的在线 IDE 和原型设计工具。
  • vue-dom-hints - 💡 在 DOM 中获取提示。最小的 Vue devtool 替代品。
  • components-helper - 根据文档为 vue 组件库提供代码提示文件。
  • vue-unicorn-log - 一个神奇的 Vue 2 🦄 插件,使 (devtools) 控制台输出的着色更加轻松和灵活。Vue 3 版本 版本也可用。

检查

检查和调试

  • Vue.js devtools - 用于调试 Vue.js 应用程序的 Chrome devtools 扩展。
  • DejaVue - 为 Vue.js 构建的可视化和调试工具。
  • vue-clicky - 右键单击​​任何组件以在控制台中显示有关它的信息。
  • vuejs-logger - 为 Vue.js 提供可定制的日志记录功能。
  • vue-inspector - 移动设备的 Vue.js 检查器
  • Vue Performance Devtool - Vue Performance Devtool 是一个浏览器扩展,用于检查 Vue 组件的性能
  • VueSource - 全局 Vue mixin,通过添加 HTML 注释来识别源代码中的组件
  • NW-Vue-DevTools - 用于将 Vue DevTools 添加到 NW.js 的 DevDependency
  • bruit-io - 收集带有屏幕截图和技术数据的反馈,并将其发布到类似 API bruit.io
  • devtools-next - Vue DevTools 的下一代迭代。
  • vite-plugin-vue-inspector - 点击浏览器元素时自动跳转到编辑器源代码。

文档

创建文档

测试

  • vuenit - 用于测试 Vue 组件和指令的实用程序。
  • vue-unit - Vue.js 库,可更轻松地创建和单元测试组件。
  • vue-a2b - 使用 Vue.js 进行拆分测试(A/B 测试)的库。高度可配置且体积小巧(gzip 压缩后 1.2k)。
  • vue-test-utils - 用于测试 Vue 组件的官方实用程序。
  • vue-test-actions - 使用 Jest mocks 对 Vuex 操作进行单元测试。
  • jest-vue-matcher - 用于 vue 的附加 jest 匹配器
  • vue-hubble - 在 Vue 中选择用于 UI 测试的元素的更好方法。
  • Vue 测试库 - 简单而完整的测试实用程序,鼓励良好的测试实践。基于 DOM 测试库并基于官方 Vue 测试实用程序构建。
  • jest-serializer-vue-tjw - 改进了 Jest Snapshots 的格式
  • vuex-test-utils - 使用 chai 对 Vux 进行单元测试。
  • vitest - 由 Vite 提供支持的下一代测试框架。
无需浏览器即可加载

无需浏览器即可加载 Vue 组件

  • vue-node - 在节点中加载 vue 组件。

源代码编辑

文本编辑器插件

Atom
Sublime Text
Vim
Visual Studio Code
Visual Studio
  • VuePack - 包含 Vue.js JavaScript 库的 HTML Intellisense 和代码片段。
Brackets
Intellij
Emacs
Kate
  • Kate 语法文件 - katepart (kate、kwrite、kdevelop) 的语法文件(修改版或原始版)。

脚手架

脚手架 / 样板 / 种子 / 入门套件 / 堆栈集合 / Yeoman 生成器

  • Vite - 下一代前端工具。它速度很快!
  • vue-cli - 用于搭建 Vue.js 项目的简单 CLI。
  • Vue-Django - 一个样板,可帮助您将 VueJS 的出色功能带入 Django (Python) 应用程序。
  • python-vuejs - 使用一组脚本将 Python Web 框架和 Vue.js 粘合在一起。基本上是一个 vue-cli 包装器。
  • generator-vue-plugin - Yeoman 生成器生成 vue 插件。
  • vue-seed - vue-seed 是那些希望使用 Vue 启动和运行的人的最小种子
  • nuxt-seed - nuxt-seed 是那些希望使用 Vue 和 Nuxt 启动和运行的人的最小种子
  • rails_vue_melt - 带有 webpack=vue 优化器的 Rails 视图。
  • vue-starter - 一个 Vue.js 入门套件,可让您专注于编程,减少配置。
  • vuejs-wordpress-theme-starterps://github.com/EvanAgee/vuejs-wordpress-theme-starter) - 一个 WordPress 主题,其核心部分被删除,并替换为 Vue
  • Cordovue - 一个使用 Vue 的示例 Apache Cordova 应用程序。
  • Cookiecutter-Django-Vue - Django+VueJS+Docker 可自定义项目生成器,具有大量设置/集成
  • iBiu 一个可视化 CLI,用于在 2 秒内搭建大型 Vue 项目。
  • wp-vue - 一个简单的 Vue 博客模板,可显示来自 WordPress REST API 端点的帖子。
  • vue-cli-template-nativescript - 使用 rollup+babel+eslint 启动新的 nativescript+vue 项目的模板
  • vue-element-ui-scaffold - 带有 Element-UI CRUD 脚手架/生成器的在线和可视化 Vue 2。
  • vue-firebase-element-ui-scaffold - 带有 CRUD、身份验证、文件/图像上传、活动日志等功能的在线和可视化 Vue 2、Element-UI 和 Firebase 脚手架/生成器。
  • vuesion - Vuesion 是一个样板,可帮助产品团队以更少的麻烦和现代工程与设计最佳实践以前所未有的速度构建。
  • vue-vuex-typescript-webpack-seed - 一个包含 Vue、Vuex、Typescript、Scss 和 Webpack 的种子项目,支持热重载
  • VueCharged Template - 一个高度自以为是、功能优先的 Vue 2 模板,带有 CLI 脚手架。使用 Vue 2、Vuex、Vue Router 和 Vue I18n。
  • Huncwot - Vue.js 样板与 Node.js 结合使用,用于以“内置电池”方式构建现代 JavaScript 应用程序。
  • wemake-vue-template - 专注于代码质量和开发人员满意度的前沿 vue 模板。特色:nuxt、flow 和 jest。
  • vue-lib-template - 🛠 一个用于构建和发布 Vue 组件/库作为开源项目的简单模板。
  • Awesome Vue Boilerplate - 😍 Awesome Vue,🥰 Vuex、Vuex-pathify、element-ui、tailwindcss
  • ScaffoldHub.io - 使用 SQL、MongoDB 或 Firebase Firestore 数据库生成完整的 Vue 应用程序。
  • VuePlay - 在几秒钟内生成一次性 Vue 游乐场。允许您快速测试。
  • Mevn-CLI - 基于 MEVN 堆栈的应用程序的轻量级设置。
  • vue-cli-template-registry - 用于安装托管在私有/企业存储库上的 vue-cli 自定义模板的解决方案。
  • Vuejs Firebase CRUD Starter with Auth
  • vue-enterprise-boilerplate - 一个不断发展、非常有主见的架构和开发环境,适用于使用 Vue CLI 3 的新 Vue SPA 项目。
  • vue-starters-directory - 搜索可用的 VueJS 脚手架项目和入门套件。提供功能搜索和 github 统计信息。
  • janak - 轻松构建您的 Vue 3 应用程序 🌬
  • vue-composable-starter - 🪝 您的下一个 Vue 可组合项的极简起点。
  • Vuetify-tailwind-animate-starter - 适用于 vuetify + tailwindcss + animate.css 的 vue-cli 入门模板。
  • vuejs-vuetify-structured-template 样板 - 功能齐全的 Vuejs + Vuetify + 出色的结构 + API Ready 的 vue-cli 模板
  • vue-component-starter - 帮助您创建 vue3.x 组件的模板。
  • Vue3-SPA-starter-template - 入门套件,包含 Router、Pinia、i18n、Stripe、Event Bus、SEO 元和架构标记处理等。
  • vue-x-platforms - Vue 可在 Web、iOS、Android 和 Vision Pro 上运行。
  • mevn-boilerplate - ⭐️ 最全面的 mevn 堆栈样板。⭐️ mongodb - express - vue 3(管理仪表板) - nodejs - nuxt 3(客户端)样板(pinia、tiptap、slug、vuetify 和 vuexy 等等...)🎉

客户端

仅在浏览器中呈现 Vue 应用程序

通用

在服务器上将 Vue 应用程序渲染为 HTML,在浏览器中渲染为 DOM

  • SPA 入门套件 - 一个高度自定的入门套件,用于使用 Laravel 和 Vue.js 构建单页应用程序。
  • SSR 样板 - Vue.js 服务器端渲染样板,不会污染 Vuex。
  • neutrino-preset-vue-static - 一个使用 Vue.js 构建静态站点的极简入门套件。
  • Vueniverse - 功能齐全、通用的 Vue 模板,适用于基于用户的应用程序,由 Nuxt.js 和 Express 提供支持。
  • vue-preload - 一个用于添加 <link rel="preload" 功能的 Vue 插件
  • Vue.js/Nuxt.js 功能齐全的样板 - 专业机构前端模板,用于通过 vuejs/nuxtjs 构建快速、强大且适应性强的 Web 应用程序或网站。

服务器

包括后端样板

  • Vuetober - 使用 Laravel、Vue.js 和 October CMS 的单页应用程序。
  • vue-server-demo - 使用 Vue 编写 koa 服务器。
  • vue-apollo-connector-kit - 使用 2 种不同策略(localStorage 和 httpOnly cookies)进行 JWT 身份验证。使用自定义指令(apollo)进行授权。
  • DotVue - 使用服务器 ViewModel 回发在 .NET 中实现 .vue 文件处理程序。具有服务器端 ViewModel 的单文件组件。使用简单的 C# 服务器端数据访问充分利用 VueJS 的所有功能。
  • isomor-vue-app - 使用 Vue 和 isomor 设置工作环境,通过自动生成 API 统一前端和后端。

Electron

  • Electron Vue - 一个 Electron 和 Vue.js 快速入门样板,带有 vue-cli 脚手架、常用 Vue 插件、electron-packager/electron-builder、unit/e2e 测试、vue-devtools 和 webpack。
  • VuePack - 一个使用 Vue 2、Vuex、Vue-router 和 Webpack 2(甚至 Electron)的现代入门工具。
  • vue-flexible-link - 适用于 Elec 的微型 Vue 组件tron 在浏览器中打开链接。跨环境应用的理想选择(Web 和原生)
  • vuelectron - 用于 vue 的 electronjs 入门套件。
  • vue-design - 最佳网站可视化构建器,使用 Vue 和 Electron。
  • dapp - Vue/Parcel/Electron 堆栈的样板。
  • vue-electron-template - 一个启用了热重载的 Electron 和 Vue.js 样板,使用 webpack-4 配置了常用的 Vue 插件、开发和构建脚本
  • vue-iview-electron-boilerplate - 一个包含 iview4.x、Vue2.x、electron8.x 和 webpack4.x 的 Electron 和 Vue.js 样板
  • electron-vue3-flask - 一个 Electron 和 Vue.js 应用程序入门模板,通过 Flask 使用 python 后端来构建桌面应用程序。
  • electron-vite-template - 一个包含 Vue 3、Vite 和 Electron 的现代桌面应用程序项目模板。速度很快!
  • Vitectron - 功能强大且现代的 Vue 桌面应用程序模板,包含 TypeScript 和 JSX + Vue 3.x + Vite 2.x + Pinia 2.x + Vue-Router 4.x。
  • Vutron - Vite + Electron + Vue 3 + Vuetify + TypeScript 的快速入门模板。
  • electron-vite-vue - 非常简单的 Electron + Vite + Vue 样板。

部件

应用程序的脚手架部件

  • vue-generator - 用于 Vue 组件、视图和存储模块的 CLI 生成器。
  • vue-component-generator - 用于 vue 组件的生成器,支持 Vue1.X 和 Vue2.X。
  • rapydml_cmp - Vue-component pythonic 生成器,基于 RapydML 和 RapydScript 构建。
  • vue-authoring-template - 用于创作的模板,还以简单的方式以故事场景(故事书)格式发布 Vue 组件及其用例。
  • vue-component-boilerplate - 用于生成 VueJS 组件样板代码的模板,其中预装了构建脚本和测试。
  • vue-generate-component-typescript - 用于 vue 的 typescript 代码生成器,可生成组件、指令、过滤器。
  • vuejs-generate - 用于生成 Vue 组件、存储、存储模块和单元测试的简单 CLI。
  • vue-sh-cli - 用于生成 Vue 组件、视图、存储模块和单元测试的 CLI。支持 Vue 3 组件模板和 Typescript。

运行时

命令行/终端

  • blessed-vue - 一个 VueJS 运行时,可让您在 Vue Edit 中编写命令行 UI
  • temir - 用于交互式命令行应用程序的 Vue

预渲染

  • react-snap - 适用于 SPA 的零配置静态预渲染器
  • prerender-plugin - 一个 Node.js/ webpack 插件,用于在单页应用程序 (SPA) 中预渲染静态 HTML。
  • vue-prerender - 一个 Vue.js 定制插件,它实现了使用无头 Chrome 预渲染 Vue.js 页面的三种策略。
  • Rendora - 使用无头 Chrome 的动态 SSR(服务器端渲染),轻松解决现代 javascript 网站的 SEO 问题
  • pre-vue - 一个样板 Vue + Nuxt 项目,提供对 OpenGraph 标签、Google Analytics、站点地图和 robots.txt 的内置支持。
  • ssr-vuejs-nodejs - 使用 nodejs 在服务器端渲染 vuejs,无需 Nuxt。
  • vue-genesis - 🔥基于 Vue SSR 的微前端、微服务、轻量级解决方案🔥



Released under the MIT License. (dev)