一、开源项目简介
Arco Design
基于 Arco Design 的 Vue UI 组件库。
二、开源协议
使用MIT开源协议
三、界面展示
四、功能概述
特性
全面
60多个开箱即用的高质量组件, 可以覆盖绝大部份的业务场景。
主题配置
海量的样式 tokens, 支持全局以及组件级别的主题配置。有以下2种方式可以定制主题:
Less-loader
风格配置平台 - 推荐!
TypeScript 友好
所有组件都是用 TypeScript 编写的,所以天然的类型友好。
五、技术选型
Vue 版本
vue >= 3.2.0
注意:由于 Vue3 不再支持 IE 浏览器环境,ArcoVue 也不再支持 IE 浏览器环境。
安装
npm package
// npm npm install @arco-design/web-vue // yarn yarn add @arco-design/web-vue
例子
import { createApp } from 'vue' import ArcoVue from '@arco-design/web-vue'; import App from './App.vue'; import '@arco-design/web-vue/dist/arco.css'; const app = createApp(App); app.use(ArcoVue); app.mount('#app');开发
使用 npm install -g 安装 lerna 和 yarn 等基础包。
使用 yarn install 安装 workspaces 中各个包的依赖(如果遇到 YN0018 错误,可以使用 YARN_CHECKSUM_BEHAVIOR=update yarn 进行安装)。
使用 npm run init 初始化项目。
生态
项目 | 介绍 |
React 组件库 | 基于 Arco Design 的 React UI 组件库。 |
风格配置平台 | 精确到组件级的主题视觉配置平台 |
物料平台 | 丰富可共享的业务定制物料,让效率突破猛进 |
图标平台 | 一站式图标管理平台 |
Arco Pro | 快速构建中后台的前端解决方案 |
六、源码地址
来源：
互联网
本文观点不代表源码解析立场，不承担法律责任，文章及观点也不构成任何投资意见。
评论列表