自定义事件
- 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 - 一个增强
mapXXX
和dispatch
方法提示的工具 - vuex-masked-modules - 一个 Vuex 插件,将模块的数据结构放在 localStorage 中,能够屏蔽或加密数据,使其难以探索。专为 Vue 3 和 Vuex 4 设计。
选项卡之间同步
- vuex-basement - Vuex 状态持久性和选项卡/窗口之间的同步。
- vuex-shared-mutations - 在选项卡/窗口之间共享 vuex 突变。
- vuex-multi-tab-state - 使用此 Vuex 插件在多个选项卡之间共享和同步状态。
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 的并发管理。
代码风格
提高代码的可读性
- vue-types - Vue Prop 类型定义。
- vue-factory - Vue.js 的简单工厂/提供程序扩展,类似于 Angular 中的服务。
- eslint-plugin-vue - Vue.js 项目的 Eslint 插件。
- vue-decorators - Vue.js 的装饰器(测试版)。
- vue-computed-helpers - Vue.js 应用的计算助手
- vert - 用于在 OOP 中构建 Vue 应用的库。
- vue-slot-checker - 提供检查 slot 的功能,就像检查 props 一样。
- vue-ts-types - 轻量级 TypeScript-first Vue prop 类型定义。
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 单页应用导航管理器
杂项
- vue-super - 一个简单的插件,用于调用父组件上的方法。
- @skyrpex/props-to-local - 将 props 映射到本地数据的 Vue mixin。
- vue-inject - Vue 2.x 组件的依赖注入
- vue-deepset - 在 Vue 1.x 和 2.x 中使用 v-model 与 Vue/Vuex 对象/状态中深度嵌套的字段进行交互
- vue-gaspard - Vue.js 的 DOM 辅助插件
- vue-configuration - Vue.js 的静态配置对象
- vue-lodash - 用于将 lodash 集成到 Vue 2 的简单包装器。
- vue-ramda - ramda 的 Vue 包装器
- vue-router-user-roles - 根据用户角色保护路由。添加您自己的身份验证。
- vue-messenger - 对 Vue 组件 props 进行了一系列有用的增强:Transform、Enum-type、Numeric-type、双向数据绑定。
- vue-uuid-v4 - 插件 Vue2 轻松获取 UUIDv4
- vue-async-operations - 管理 Vue 组件中的异步操作状态
- vue-direction - 👋 Vuejs 中的方向感知悬停
- vue-unique-id - 生成唯一组件 ID 和组件范围的 HTML ID。
- stfalcon-vue-di - ⭐️ 轻量级 Vue 组件 DI️ ❤️
- vue-uuid - 将 UUID 添加到 Vue 实例。
- vue-injector - Vue 2.x 的依赖注入
- vue-subslot - 💍 Vue 组件,用于从插槽中挑选您想要的内容
- vue-timed-content - 根据给定的时间范围和时区显示或隐藏内容。
- vue-live - 一个用于演示 co 的组件mponents,灵感来自 react-live。
- vue-safe-html - Vue.js 指令,可动态呈现已清理的 HTML。
- v-fetch - Vue.js 指令,用于发出 AJAX 请求。
- vue-use-model-helpers - 使用 Composition API 将属性映射到 Vue 2.x 和 3 的本地 Ref 的帮助程序
- @skirtle/vue-vnode-utils - 用于在 Vue 3 中的渲染函数中使用 slot VNodes 的帮助程序函数
Web Workers
- vue-worker - 一个 Vue.js 插件,用于以简单的方式使用 webworkers。
- vue-log-worker - 一个 Vue.js 插件,用于通过 Web Worker 将错误和 Vuex 突变记录到您的后端
JSX
- [jsx-vue- functional](https://github.com/nickmessing/babel-plugin-jsx-vue- functional) - 一个 Babel 插件,为 Vue 功能组件带来语法糖。
- jsx-event-modifiers - 一个 Babel 插件,用于将类似于 Vue 模板的事件修饰符添加到 JSX。
- jsx-v-model - 一个 Babel 插件,将
v-model
引入 JSX。 - vue-jsx-sync - 一款将 vue
sync modifier
引入 JSX 的 Babel 插件。 - vue2-jsx-runtime - 一款适用于 TSC/SWC 的 Vue 2 新 JSX 转换运行时。可直接将 Vue 2 JSX 与 TSC/SWC 结合使用。
迁移
- vue-backbone - Vue.js 插件,用于促进 Backbone 集成。
- vue2-migration-helper - 将 Vue.js SFC 转换为 Composition API 语法。
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-checkout - 用于 Stripe 结账的简单 vue 插件。
vue-stripe-payment - Stripe 的 jquery.payment 的 Vue 包装器。
- vue-stripe-elements - Stripe.js 的 Vue 组件集合
- vue-stripe-js - Stripe.js 的 Vue 3 组件
Paypal
- vue-paypal-checkout - paypal-checkout 的简单 Vue.js 包装器组件。
Plaid
- vue-plaid-link - Plaid Link 的易于使用的 Vue 组件。
集成
与服务或其他框架集成
- vue-disqus - Vue 组件,用于将 Disqus 评论集成到您的应用程序中,并支持 SPA。
- vue-youtube-embed - Vue.js 和 YouTube。
- vue-add-to-calendar - 提供“添加到日历”功能的 Vue.js 组件,可与 Vue 2.X 配合使用。
- Vue + Meteor - Vue 在 Meteor 中的一流集成。
- av-ts - 一个现代的、类型安全的、惯用的 Vue 绑定库。
- Neutronium - 使用 HTML、CSS 和 javascript 构建 .NET 桌面应用程序。
- vue-typescript-jest - 用于 Vue.js 组件(支持 html、pug 和 babel)和 TypeScript 的 Jest preprocessor.js。
- vue-jest-utils - 使用 Jest 测试 Vue.js 组件的实用程序。
- vue-custom-element - Vue 自定义元素 - Vue.js 的自定义元素。
- vue-cordova - Cordova 的 Vue.js 插件。
- vue-wamp - Vue.js 的 AutobahnJS 包装器库。
- express-vue - Express.js 的 Vue 渲染引擎。使用 res.render() 将 .Vue 文件用作模板。
- vue-grecaptcha - VueJS 2 的 Google reCAPTCHA
- vue-recaptcha - Vue.js 的 Google reCAPTCHA 组件
- require-vuejs - RequireJS 插件用于异步和动态加载和解析 .vue 组件。
- facebook-login-vuejs - 用于验证您的 Facebook 应用的 Vue 组件,并获取 Facebook 登录的好处。
- vuejs/vuefire - VueJS 的官方 Firebase 集成
- vuefire - VueJS 和 Vuex 的 Firebase
- vue-runkit - Vue.js 的 RunKit 嵌入
- vue-youtube - 提供一个简单的层,让您在使用 YouTube IFrame Player API 时发挥您的想象力。 (兼容 SSR)
- vue-introjs - 将 intro.js 分步指南和功能介绍与 Vue.js http://introjs.com/ 集成。
- vue-loopback - Loopback 和 Vue 应用程序模板
- vue-laroute - 使用 laroute 将 Laravel 路由集成到您的 VueJS 应用程序中。
- vue-raven - 自动报告从 vue 组件触发的未捕获的 JavaScript 异常。
- vue-telegram-login - Telegram Login 的 Vue 组件
- vuexpress - Vue + Express.js = VueXpress / Express.js 的服务器端渲染引擎。使用 .vue 文件作为 express.js 模板。
- vue-fixer - fixer API 的简单 vue 组件。
- amazon-cognito-vuex-module - Amazon Cognito 的 Vuex 模块。
- vue-web3 - Vue.js 的 Web3 区块链绑定(受 Vuefire 和 Drizzle 启发)
- sbt-vuefy - Playframework 的 Vue.js 集成
- loopback-vue-starter - LoopBack 和 Vue 入门模板,可通过
vue-cli
和vue ui
轻松管理插件。 - vue.py - 使用 Python 编写 Vue.js 组件
- vue-telegram-passport - Telegram Passport 的 Vue 组件
- vue-facebook-login-component - 用于集成 Facebook 登录的完全可定制组件。
- vue-programmatic-invisible-google-recaptcha - 一个简单的隐形 Google reCAPTCHA 组件,专注于编程调用。
- vbuild - 它的主要目的是让你在 vuejs 应用中使用组件(.vue 文件),而无需完整的 nodejs 堆栈。从 0.6 版本开始:你可以 用纯 Python 创建你的组件 !
- feathers-vuex - 是 Feathers Client 和 Vuex 的一流集成。它在底层实现了许多 Redux 最佳实践,消除了大量样板代码,同时仍允许你轻松自定义 Vuex 存储。
- vue-nocaptcha - Vue.js 的阿里云 noCAPTCHA 组件
- ionic-vue - Ionic v4 的 Vue.js 集成
- vue-0xcert - 0xcert Framework 的 Vue.js 集成 - 一个提供用于构建强大的去中心化应用程序的工具的开源库
- vue-zdog - zDog 的 Vue 包装器 - 浏览器的极简 3D 引擎
- vue-unleash - Unleash 开源功能标记平台
- vue-zeye-client - 一个 Vue 插件,用于简单使用 Zeye-server 开源 mediasoup WebRTC SFU 服务器
- vue-postgrest - Vue.js 与 postgREST 的集成:灵活、强大且易于使用。
- Vuecketecket) - 将 Vue.JS 的强大功能与 Apache Wicket 的魔力相结合的 WebFramework
- vue-ld - Vue LaunchDarkly 插件和路由实用程序
- Prisma - @sherlog/cli 的日志可视化客户端
- vuetube - 🚀 一个快速、轻量、延迟加载的 vue 组件,可作为 YouTube Iframe Player API 上的薄层,可快速渲染
- vue-tweet - Vue 3 组件,让您只需提供推文 ID 即可将推文嵌入到您的应用中
- vue-dapp - 使用 ethers.js 构建 Dapps 的 Vue 3 库。
- vue3-recaptcha2 - 适用于 Vue 3 的 Google reCAPTCHA 2。
- hugoVueSFC - Hugo 中的 Vue 单文件组件 (SFC)。
- vue-tg - Vue 3 的 Telegram Web Apps 集成。
Vue CLI 插件
- vue-cli-plugin-cordova - Vue CLI 插件可轻松将 Cordova 添加到您的项目中
- vue-cli-plugin-component - Vue CLI 插件可创建组件
- vue-cli-plugin-modular-vuex - Vue CLI 插件可创建模块化 Vuex 存储文件
- vue-cli-plugin-modular-router - Vue CLI 插件,用于创建模块化路由文件
- vue-cli-plugin-docker-nginx - Vue CLI 插件,用于使用最小 nginx 服务器添加 docker 部署
- vue-cli-plugin-element - Vue CLI 插件,用于在几秒钟内使用 element-ui 构建企业应用程序
- vue-cli-plugin-electron-builder - 适用于 Electron 的 Vue CLI 插件,无需配置,使用 Electron Builder。
- vue-cli-plugin-codeceptjs-puppeteer - 安装 CodeceptJS 和 Puppeteer 以进行增强的端到端测试 🙋
- vue-cli-plugin-kami - Vue CLI 插件,具有工作架构,可快速启动您的应用程序
- vue-cli-plugin-auto-alias - Vue CLI 插件可自动设置别名
- vue-cli-plugin-clean - Vue CLI 插件可帮助您清理并快速设置您的 Vue 应用程序,方法是添加一些常用工具和模式
- vue-cli-plugin-mock - Vue CLI 插件用于模拟 http 请求
- vue-cli-plugin-ci - Vue CLI 插件用于生成 CI 代理配置文件以使用 CI 启动项目
- vue-cli-plugin-capacitor - Capacitor 的 Vue CLI 3 插件
- vue-cli-plugin-chrome-extension-cli - Vue CLI 插件生成 chrome 扩展模板
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-ya-metrica - Yandex.Metrica 的 Vue 插件
- vue-yandex-metrika - 带有路由器集成和插件选项的 Yandex Metrika 的 Vue 插件
开发工具
- 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 - 点击浏览器元素时自动跳转到编辑器源代码。
文档
创建文档
- vue-markdown-loader - 将 Markdown 文件转换为 Vue 组件。
- vue-styleguide-generator - 受 React 启发的 Vue.js 样式指南生成器。
- CheatSheet - 完整的交互式 API。
- Vuex CheatSheet - 完整的交互式 Vuex API。
- vue-styleguidist - 带有实时样式指南的 Vue 组件样式指南生成器。
- vue-elucidate - 为您的实时样式指南/设计系统生成精美文档的组件。
- vue-md-loader - 将 Markdown 文件转换为实时 Vue 组件。
- @vuedoc/parser - 为 Vue 文件组件生成 JSON 文档。
- @vuedoc/md - 为 Vue 文件生成 Markdown 文档。
- jsdoc-vue-component - 一个 jsodc3 插件,用于将 vue SFC 信息(名称、属性、事件...)提取到文档中。
- jsdoc-vuedoc - 一个使用
@vuedoc/md
的 jsdoc3 插件。 - vue-storybook – 将
<story>
块添加到您的 Vue 单文件组件,以便更紧密地集成 Vue + Storybook - vue-patterns - 有用的 Vue 模式、技术、提示和技巧以及有用的精选链接。
- vuese - vue 组件文档的一站式解决方案。
- vue-dotmd-loader - 一个用于将 markdown 文件转换为 vue 文件的 webpack 加载器。
- vue-tut - 使用 Vue 轻松构建精美的教程。
- Vue Cheatsheet - 您唯一需要的 Vue 备忘单
测试
- 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
- [email protected] - Atom 的 Vue 组件文件语法。
- [email protected] - Vue 组件文件的 Atom 代码片段。
- [email protected] - 保存时自动编译 vue 文件。
- [email protected] - Atom.io 包用于在
.vue
文件中检查 Sass/SCSS。 - [email protected] - 适用于 JavaScript 和组件的 Atom 代码片段,包括生命周期钩子、指令、属性、vuex、vue-router、vue-i18n 支持。
- [email protected] - 适用于 Atom 的 Vue.js 2.0+ 自动完成功能。
Sublime Text
- Vue 语法高亮 - 适用于单文件 Vue 组件的 Sublime Text 语法高亮。
- VUEFormatter - Sublime Text 代码格式化
- Vue Next Formatter - Sublime Text Vue 格式化程序,支持 ES5/6/7、Less/Sass 和 Pug/Html 模板。
Vim
- Vim Vue - Vue.js 组件的语法高亮。
- vim-vue-plugin - .vue 文件的 Vim 语法和缩进插件。
Visual Studio Code
- Vetur - VSCode 的 Vue 工具。
- Vue VSCode Snippets - 可增强您的 Vue 工作流程的代码片段。
- Ionic Snippets - Vetur 支持 Ionic 组件
- Vue - 官方 (Volar) - ⚡最快的 Vue 语言支持扩展
Visual Studio
- VuePack - 包含 Vue.js JavaScript 库的 HTML Intellisense 和代码片段。
Brackets
- Brackets Vue - Vue.js 的 Brackets 扩展。
Intellij
- Vue.js 支持 WebStorm、IntelliJ IDEA、PhpStorm、PyCharm 和 RubyMine – JetBrains 官方支持 Vue.js
Emacs
- Vue 模式 - Emacs 的主要 vue.js 模式。
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 应用程序
- Bourgeon - Bourgeon 是 Webpack 的一个具有特色的 VueJS 2.0 设置。
- Vue Settlertler) - 一个有主见的 Vue 2.0 SPA Starter。
- vue-multiple-pages - 一款使用 Vue 2、Webpack2 和 Element-UI 的现代 Vue.js 多页面启动器
- vue-typescript-boilerplate - 一款使用 Vue 2、Vue Typed、Vuex、Vue Router 和本地化的 Vue.js typescript SPA 启动器
- vue-tachyons-template - 一款使用 Tachyons、Webpack 和 ESLint 的 Vue 2 项目启动器模板
- Vuets - 一款使用类样式组件、vue 插件选项、webpack 和 vue-cli 的 Vue、TypeScript 就绪样板。
- MMF-FE/vue-typescript - 一个 vue2.x typescript 模板。
- Friendly Vue Starter - 一个功能齐全的 Vue.js 入门项目,通过 Apollo-client 支持 GraphQL(Vuex、Vue-router、Vue-i18n、Webpack 3、Eslint、Prettier 等)
- vue-ts-amd - 一个功能齐全的 Vue.js 2 样板,使用 AMD 模式(RequireJS)和 Typescript。
- vue-2-boilerplate - petervmeijgaard 开发的用于开发中大型单页应用程序的 Vue 2 样板
- vue-cli-template-library - 使用 Rollup + Jest + Babel + Storybook + TravisCI + SemanticRelease 开发开源 vue.js 库的模板。
- vue-cli-template-github-pages - 使用 travisCI 进行 Github Pages 部署的全功能 Webpack + vue-loader 设置。
- vue-webpack-chrome-extension-template - 用于在开发过程中快速创建 Vuejs 热重载 Chrome 扩展的模板。
- vue-auth-boilerplate - 带有 Router/Vuex/CLI3 和 auth 功能的 Vue SPA 样板(外观酷炫的注册和登录)。使用 laravel-api-boilerplate-jwt,开箱即用,设置极少。
- vue-atomic-design - 基于原子设计方法的 Vue 前端样板。
- vue3-compact-template - ⚡️ 一个简单而紧凑的 vue 3 模板,采用当前尖端的前端技术。
通用
在服务器上将 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 的微前端、微服务、轻量级解决方案🔥