Arco Design Vue

项目概述

Arco Design Vue 是字节跳动官方设计系统 Arco Design 在 Vue 3 领域的官方实现。全量基于 Vue 3 Composition API 与 TypeScript 构建，深度赋能中后台系统、数据仪表盘与复杂业务控制台。

核心特性

• 60+ 款企业级高质量组件：专为复杂业务场景打磨的高性能数据表格、树选择器、抽屉与统计图表集成。
• Arco 主题商店生态：拥有海量现成企业主题包，支持通过可视化工具微调数千个设计令牌。
• 高品质暗黑模式：内置优雅的深浅色调色盘，色彩过渡极其自然平滑。
• ⚡️ 现代 Composition API 架构：代码结构干净整洁，完全支持按需引入与极致 Tree-Shaking。

快速上手与示例代码

npm install @arco-design/web-vue

<template>
  <a-button type="primary" status="success">进入控制台</a-button>
</template>

<script setup>
import { Button as AButton } from '@arco-design/web-vue';
</script>

技术选型建议与适用场景

• 非常适合：企业级 Vue 3 中后台管理系统、运营看板以及需要与设计师团队保持高度 Token 一致性的工程项目。
• 不适用场景：非 Vue 生态的 React 项目（请选用 @arco-design/web-react）。