yarn(推荐)

or

npm i

yarn dev(推荐)

or

npm run dev

yarn build(推荐)

or

npm run build

yarn add vue-devui

import { createApp } from 'vue'
import App from './App.vue'

// Step 1: 引入 Vue DevUI 组件库
import DevUI from 'vue-devui'
// Step 2: 引入组件库样式
import 'vue-devui/style.css'

createApp(App)
.use(DevUI) // Step 3: 使用 Vue DevUI
.mount('#app')

import { createApp } from 'vue'
import App from './App.vue'

// Step 1: 引入单个组件
import { Button } from 'vue-devui'
// or import Button from 'vue-devui/button'
// Step 2: 引入组件样式
import 'vue-devui/button/style.css'

createApp(App)
.use(Button) // Step 3: 使用组件
.mount('#app')

import Components from 'unplugin-vue-components/vite'
import { DevUiResolver } from 'unplugin-vue-components/resolvers'

export default defineConfig({
  plugins: [
    vue(),

    // 新增
    Components({
      resolvers: [
        DevUiResolver()
      ]
    })
  ]
})

<template>
  <d-button>确定</d-button>
</template>

yarn add @devui-design/icons(推荐)

or

npm i @devui-design/icons

import '@devui-design/icons/icomoon/devui-icon.css'

<d-icon name="love" color="red"></d-icon>