一飞开源,介绍创意、新奇、有趣、实用的开源应用、系统、软件、硬件及技术,一个探索、发现、分享、使用与互动交流的开源技术社区平台。致力于打造活力开源社区,共建开源新生态!
一、开源项目简介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
// npmnpm install @arco-design/web-vue// yarnyarn 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
快速构建中后台的前端解决方案
六、源码地址访问一飞开源:https://code.exmay.com/