vue3+ts 集成Arco Design是字节跳动出品的企业级UI组件

官网

Arco Design是字节跳动出品的企业级UI组件
Arco是当前企业级开发流行的前端组件库.

安装

# npm
npm install --save-dev @arco-design/web-vue
# yarn
yarn add --dev @arco-design/web-vue

mian.ts引入

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

• 测试

<template>
      <a-space>
        <a-button type="primary">Primary</a-button>
        <a-button>Secondary</a-button>
        <a-button type="dashed">Dashed</a-button>
        <a-button type="outline">Outline</a-button>
        <a-button type="text">Text</a-button>
    </a-space>
</template>

<script setup lang="ts">

</script>