¶

统计信息：字数 17342 阅读35分钟

vuetify¶

这是一个基于Vue.js的Material Design组件框架，‌提供了80多种预制UI组件，‌包括按钮、‌表单、‌数据表格、‌导航抽屉等，‌支持响应式设计、‌主题化和国际化。‌Vuetify的丰富组件集合和灵活的主题系统使其成为构建现代Web应用的理想选择1。

version¶

3.6.13 •

downloads¶

511,138

repository¶

github.com/vuetifyjs/vuetify

homepage¶

vuetifyjs.com

vite¶

vite ¶

version¶

5.3.4 •

downloads¶

13,829,301

repository¶

github.com/vitejs/vite

homepage¶

vitejs.dev

vite ⚡¶

Next Generation Frontend Tooling

💡 Instant Server Start
⚡️ Lightning Fast HMR
🛠️ Rich Features
📦 Optimized Build
🔩 Universal Plugin Interface
🔑 Fully Typed APIs

Vite (French word for "fast", pronounced /vit/) is a new breed of frontend build tool that significantly improves the frontend development experience. It consists of two major parts:

A dev server that serves your source files over native ES modules, with rich built-in features and astonishingly fast Hot Module Replacement (HMR).
A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.

In addition, Vite is highly extensible via its Plugin API and JavaScript API with full typing support.

Read the Docs to Learn More.

vuepress¶

‌Vue驱动的静态网站生成器，‌适用于文档、‌博客等静态页面的生成。‌

vuepress ¶

version¶

1.9.10 •

downloads¶

49,224

repository¶

github.com/vuejs/vuepress

homepage¶

github.com/vuejs/vuepress#readme

default readme¶

VuePress¶

📝 Minimalistic Vue-powered static site generator

Installation¶

Use the package manager yarn to install VuePress as a dev dependency.

yarn add vuepress -D

Documentation¶

The docs are available at https://vuepress.vuejs.org

Contributing¶

Want to contribute? Check our issues for beginners!

yarn # Install and link dependencies for this monorepo
yarn dev  # serves VuePress' own docs with itself
yarn test # make sure your code change pass the test

If you don't have a local checkout, you can also open VuePress in Gitpod, a free online IDE for GitHub.

If you intend to make "substantial" changes to VuePress or its documentation, please checkout VuePress RFCs.

If you have a VuePress-related project/component/tool, add it with a pull request to this curated list!

vuex¶

vuex ¶

version¶

4.1.0 •

downloads¶

1,618,636

repository¶

github.com/vuejs/vuex

homepage¶

github.com/vuejs/vuex#readme

default readme¶

Vuex¶

Pinia is now the new default

The official state management library for Vue has changed to Pinia. Pinia has almost the exact same or enhanced API as Vuex 5, described in Vuex 5 RFC. You could simply consider Pinia as Vuex 5 with a different name. Pinia also works with Vue 2.x as well.

Vuex 3 and 4 will still be maintained. However, it's unlikely to add new functionalities to it. Vuex and Pinia can be installed in the same project. If you're migrating existing Vuex app to Pinia, it might be a suitable option. However, if you're planning to start a new project, we highly recommend using Pinia instead.

Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion. It also integrates with Vue's official devtools extension to provide advanced features such as zero-config time-travel debugging and state snapshot export / import.

Learn more about Vuex at "What is Vuex?", or get started by looking into full documentation.

Documentation¶

To check out docs, visit vuex.vuejs.org.

Examples¶

You may find example applications built with Vuex under the examples directory.

Running the examples:

$ npm install
$ npm run dev # serve examples at localhost:8080

quasar¶

quasar ¶

version¶

2.16.6 •

downloads¶

127,108

repository¶

github.com/quasarframework/quasar

homepage¶

quasar.dev

default readme¶

Quasar Framework UI Package¶

Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps. If you want, all using the same codebase!

Please submit a PR to https://github.com/quasarframework/quasar-awesome with your website/app/Quasar tutorial/video etc. Thank you!

Supporting Quasar¶

Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome backers.

Please read our manifest onWhy donations are important. If you'd like to become a donator, check out Quasar Framework's Donator campaign.

Documentation¶

Head on to the Quasar Framework official website: https://quasar.dev

vue-draggable-resizable¶

这是一个Vue2的可拖动和可调整大小的元素组件，‌允许开发者创建可拖动和可调整大小的元素，‌适用于需要用户交互和界面自定义的场景2

Sortable¶

这是一个List列表拖拽组件，‌用于实现列表项的拖拽排序功能，‌适用于需要用户对列表内容进行灵活操作的应用2。

vee-validate¶

‌一个基于Vue的表单验证库，‌帮助开发者实现表单数据的验证功能2。‌

vxe-table¶

基于Vue的table配置组件，‌提供强大的表格功能，‌包括数据展示、‌排序、‌筛选等2。‌

wangeditor¶

这是一个富文本编辑器组件，‌适用于需要用户输入文本并格式化的场景2。‌

v-viewer¶

‌用于图片查看器，‌提供图片的缩放、‌旋转等操作，‌适用于需要展示大量图片或进行图片编辑的应用

viewerjs¶

‌用于图片查看器，‌提供图片的缩放、‌旋转等操作，‌适用于需要展示大量图片或进行图片编辑的应用

StreamSaver¶

用于文件保存

FileSaver¶

用于文件保存

pure-admin/vue-pure-admin¶

引言¶

本内容旨在概述 GitHub 仓库 vue-pure-admin 的相关信息，包括项目背景、技术栈、功能和相关文档。

项目作用¶

该项目采用了单一入口文件，项目代码基于 ESM 标准组织，并使用 Vite 进行构建优化。代码库中包含丰富的 UI 组件、图表、表单和数据表，可以快速搭建各类中后台管理系统。

仓库描述¶

该仓库包含 vue-pure-admin 项目的完整代码库，包括前端代码、后端接口示例和文档。项目提供了丰富的配置选项，用户可以根据需要进行定制。

案例¶

目前 vue-pure-admin 已被广泛应用于各类中后台管理系统项目中，包括企业管理、电子商务和教育平台等。

客观评测或分析¶

vue-pure-admin 以其模块化、可定制和易用性而受到好评。它提供了丰富的组件和示例，帮助开发者快速构建复杂的中后台系统。

使用建议¶

对于需要构建中后台管理系统的开发者，vue-pure-admin 是一个值得考虑的项目。其丰富的功能和文档可以加速开发进程，节省时间和精力。

结论¶

vue-pure-admin 是一个功能强大、易于使用的后台管理系统模版，可以帮助开发者快速构建定制化的系统。其开源性和完善的文档也让开发者能够深入了解项目并根据需要进行扩展和修改。

vue-virtual-scroller¶

️仓库名称：Akryum/vue-virtual-scroller

截止发稿星数: 9149 (今日新增:1)

仓库语言: Vue引言项目作用仓库描述客观评测或分析使用建议结论

引言¶

vue-virtual-scroller 是一款 Vue 组件，可实现对海量数据的极速滚动。

项目作用¶

该组件利用虚拟化技术，仅渲染当前可见的数据项，大幅提升滚动性能。

仓库描述¶

GitHub 仓库：https://github.com/Akryum/vue-virtual-scroller
npm 包：vue-virtual-scroller
Vue 3.x 兼容版本

客观评测或分析¶

性能卓越：可处理数十万个数据项，同时保持流畅滚动。
高度可定制：可自定义滚动条、单元格样式和缓存大小等设置。
开箱即用：易于集成到 Vue.js 项目中。

使用建议¶

适用于大型数据列表、无限滚动或任何需要优化滚动性能的场景。
确保合理设置缓存大小以平衡性能和内存消耗。

结论¶

vue-virtual-scroller 是优化 Vue.js 数据密集型应用滚动性能的一款出色组件。其极速滚动、高定制性和易用性使其成为提升用户体验的理想选择。

mind-map¶

仓库名称：wanglin2/mind-map 截止发稿星数: 4225 (今日新增:16) 仓库语言: Vue 仓库开源协议：MIT License

引言¶

wanglin2/mind-map 是一个功能强大的 Web 思维导图。它提供了一个自定义、操作简便且强大的 Web 思维导图。

仓库描述¶

wanglin2/mind-map 是一个功能强大的 Web 思维导图。它提供了一个自定义、操作简便且强大的 Web 思维导图。

案例¶

在线思维导图Mac 客户端Windows 客户端Linux 客户端

客观评测或分析¶

wanglin2/mind-map 因其强大的功能、可定制性和易用性而受到广泛赞誉。它被认为是创建交互式和信息丰富的思维导图的出色工具。

使用建议¶

要使用 wanglin2/mind-map，可以：

安装 npm 包：npm install simple-mind-map
在您的 HTML 中包含脚本：\
创建一个 div 元素作为思维导图容器
实例化思维导图：const mindMap = new MindMap({ el: containerElement });

结论¶

wanglin2/mind-map 是一个功能齐全且易于使用的 Web 思维导图，非常适合各种场景。其可定制性和插件支持使其成为开发人员和用户的理想选择。

Cloudflare¶

引言¶

本项目利用 Cloudflare 的免费服务帮助用户搭建临时邮箱，支持附件、IMAP、SMTP 和 TelegramBot 等功能。

项目作用¶

此项目利用了 Cloudflare 的 D1 数据库、Cloudflare Pages 部署前端、Cloudflare Workers 部署后端，并使用 Cloudflare Email Routing 进行电子邮件转发。

仓库描述¶

该仓库包含了项目代码、部署指南和详细的文档，帮助用户轻松搭建自己的临时邮箱服务。

案例¶

此项目已用于多个实际案例中，例如：

创建匿名帐户
测试电子邮件服务
收集市场调查数据

客观评测或分析¶

Cloudflare Temp Email 是一款易于使用且功能丰富的临时邮箱工具，它利用了 Cloudflare 的免费服务，为用户提供了安全可靠的电子邮件体验。

使用建议¶

可通过以下方式使用此项目：

部署到 Cloudflare Workers
使用 GitHub Action 部署
访问在线演示

结论¶

Cloudflare Temp Email 是一款出色的工具，让用户可以轻松创建和管理临时电子邮件地址，其免费且易于使用的特性使其成为个人和企业保护隐私和匿名性的理想选择。

thingsboard-ui-vue3¶

仓库名称：oliver225/thingsboard-ui-vue3 截止发稿星数: 144 (今日新增:5) 仓库语言: Vue 仓库开源协议：Apache License 2.0

引言¶

本项目提供了基于 Vue3 开发的 ThingsBoard 前端，旨在为用户提供更好的交互体验和开发便利。

项目作用¶

本项目采用了 Vue3、AntDesignVue、JeeSite Vue3 等技术，提供了响应式布局、丰富的组件库和完善的代码结构。

仓库描述¶

本仓库包含了完整的前端代码、配置和文档，可供用户轻松部署和使用。

案例¶

已部署于 Thingsbox，提供完整的 ThingsBoard 前端功能。

客观评测或分析¶

与基于 Angular 的 ThingsBoard 前端相比，本项目具有以下优势：

基于 Vue3，提供更流畅的用户体验和更快的开发速度。
采用 AntDesignVue，提供美观和易用的 UI 组件。
开放规则链代码，方便用户自定义和扩展。

使用建议¶

克隆或下载仓库代码。
打开 .env.development 文件，修改后台接口。
运行 yarn serve 以启动开发环境。
修改代码和自定义配置以满足您的需求。

结论¶

本项目为 ThingsBoard 提供了现代化且高效的前端解决方案，帮助用户轻松构建定制化仪表板、设备管理和规则引擎等功能。

YesPlayMusic¶

¶

️仓库名称：qier222/YesPlayMusic 截止发稿星数: 27413 (今日新增:12) 仓库语言: Vue 仓库开源协议：MIT License

引言¶

YesPlayMusic 是一款高颜值的第三方网易云音乐播放器，可在 Windows、macOS 和 Linux 系统上使用。

仓库描述¶

YesPlayMusic 由 Vue.js 全家桶开发，使用 Electron 进行打包，支持多平台使用。

客观评测或分析¶

YesPlayMusic 是一款功能丰富的第三方网易云音乐播放器，具备简约时尚的界面和丰富的功能。它支持多种方式登录网易云账号，并可流畅播放 MV 和显示歌词。此外，它还提供了自动签到、更换音源、自定义快捷键等实用功能。

使用建议¶

推荐使用 Electron 版本，功能更丰富、体验更流畅。
使用网易云账号登录后，可享受完整的网易云音乐服务。
开启自动签到功能，可获得网易云音乐的每日签到奖励。
自定义快捷键和全局快捷键，可提高使用效率。

结论¶

YesPlayMusic 是一个优秀的第三方网易云音乐播放器，提供了一系列实用的功能和良好的用户体验。无论你是网易云音乐的忠实用户，还是希望寻找一款功能丰富的音乐播放器，YesPlayMusic 都非常值得你一试。

zyronon/douyin¶

Douyin-Vue：移动端短视频项目

️仓库名称：zyronon/douyin 截止发稿星数: 8032 (今日新增:16) 仓库语言: Vue 仓库开源协议：GNU General Public License v3.0

引言¶

本项目是一个基于 Vue3 的移动端短视频项目，旨在模仿抖音，提供移动端应用的最佳实践。

项目作用¶

Douyin-Vue 采用 Vue3、Vite5 和 Pinia 构建。它使用本地数据来模拟后端请求，提供丝滑流畅的移动端体验。

仓库描述¶

该仓库包含项目源代码、文档和相关资源。具体内容包括：

代码库：包含源代码和配置文件
文档：提供项目介绍、使用说明和技术细节
示例数据：模拟抖音视频和评论等数据

案例¶

此项目已成功用于开发和部署移动端短视频应用。

客观评测或分析¶

该项目具有以下优点：

使用最新的 Vue3 技术，性能卓越
模块化设计，易于扩展和维护
遵循移动端最佳实践，提供流畅的用户体验

使用建议¶

本项目可用于：

移动端短视频应用开发
Vue3 在移动端的实践学习
移动端应用性能优化

结论¶

Douyin-Vue 是一个强大的移动端短视频项目，它展示了 Vue3 在移动端开发中的强大功能。通过使用本地数据和先进的开发技术，该项目提供了一个媲美原生应用的移动端体验。

github-copilot-resources/copilot-metrics-viewer¶

GitHub Copilot 影响力评估工具¶

仓库名称：github-copilot-resources/copilot-metrics-viewer 截止发稿星数: 185 (今日新增:6) 仓库语言: Vue 仓库开源协议：MIT License

引言¶

本文探讨了「GitHub Copilot Metrics Viewer」工具，该工具可视化 GitHub Copilot 的使用指标，帮助组织分析其影响和采用情况。

项目作用¶

该应用程序使用 Vue.js 构建，并调用 GitHub Copilot Metrics API 以提取有关接受率、总建议、总接受等关键指标的数据。这些指标可用于评估 Copilot 对开发人员工作流程的影响。

仓库描述¶

要启用该工具，需要在 .env 文件中配置环境变量。将 VUE_APP_SCOPE 设置为「enterprise」或「organization」，并提供适当的令牌和帐户信息。

案例¶

该工具被广泛用于衡量 Copilot 对组织的影响，以及识别促进其采用的最佳实践。

客观评测或分析¶

此工具提供了对 Copilot 使用情况的深入见解，使组织能够跟踪其效率、用户参与度和代码生成能力。

使用建议¶

该工具最适合希望深入了解 Copilot 采用情况和影响的组织和开发人员。

结论¶

GitHub Copilot Metrics Viewer 是一款宝贵的工具，可帮助组织掌握 Copilot 对其开发实践的影响。通过可视化关键指标，该工具使组织能够做出明智的决策并实现 Copilot 的最大潜力。

Last update: November 9, 2024

¶

VUE 相关第三方库¶

vuetify¶

version¶

downloads¶

repository¶

homepage¶

vite¶

vite ¶

version¶

downloads¶

repository¶

homepage¶

vite ⚡¶

vuepress¶

vuepress ¶

version¶

downloads¶

repository¶

homepage¶

default readme¶

VuePress¶

Installation¶

Documentation¶

Contributing¶

vuex¶

vuex ¶

version¶

downloads¶

repository¶

homepage¶

default readme¶

Vuex¶

Documentation¶

Examples¶

quasar¶

quasar ¶

version¶

downloads¶

repository¶

homepage¶

default readme¶

Quasar Framework UI Package¶

Supporting Quasar¶

Documentation¶

vue-draggable-resizable¶

Sortable¶

vee-validate¶

vxe-table¶

wangeditor¶

v-viewer¶

viewerjs¶

StreamSaver¶

FileSaver¶

pure-admin/vue-pure-admin¶

引言¶

项目作用¶

仓库描述¶

案例¶

客观评测或分析¶

使用建议¶

结论¶

vue-virtual-scroller¶

引言¶

项目作用¶

仓库描述¶

客观评测或分析¶

使用建议¶

结论¶

mind-map¶

引言¶

仓库描述¶

案例¶

客观评测或分析¶

使用建议¶

结论¶

Cloudflare¶

引言¶

项目作用¶

仓库描述¶