1. Project Overview

Arco Design

A Vue UI component library based on Arco Design.

2. Open Source License

Licensed under MIT

3. Screenshots

4. Feature Overview

Features

Comprehensive

More than 60 high-quality, ready-to-use components covering the vast majority of business scenarios.

Theme Configuration

A Large Collection of Style Tokens, Supporting Both Global and Component-Level Theme Configuration. There are two ways to customize themes:

• Less-loader

• Visual Theme Configuration Platform - Recommended!

TypeScript Friendly

All components are written in TypeScript, providing native type safety and excellent TypeScript compatibility.

5. Tech Stack

Vue Version

vue >= 3.2.0

Note: Since Vue 3 no longer supports IE browsers, ArcoVue also does not support IE browsers.

Installation

npm package

// npm
npm install @arco-design/web-vue

// yarn
yarn add @arco-design/web-vue

Examples

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');

Development

1. Use npm install -g to install basic packages such as lerna and yarn.

2. Use yarn install to install dependencies for each package in workspaces (if you encounter the YN0018 error, you can use YARN_CHECKSUM_BEHAVIOR=update yarn to install).

3. Use npm run init to initialize the project.

Ecosystem