Skip to content

快速上手

安装

bash
# 只支持vue3项目
# pnpm 安装
pnpm i vue-ghui
# 只支持vue3项目
# pnpm 安装
pnpm i vue-ghui

也可以通过npm或yarn安装

bash
yarn add vue-ghui
npm i vue-ghui
yarn add vue-ghui
npm i vue-ghui

全局使用

ts
//main.ts
import 'vue-ghui/lib/style.css'
import ghui from 'vue-ghui'
createApp(App).use(ghui).mount('#app')
//main.ts
import 'vue-ghui/lib/style.css'
import ghui from 'vue-ghui'
createApp(App).use(ghui).mount('#app')
vue
<template>
  <h-button>按钮</h-button>
  <h-icon name='icon-menu'></h-icon>
</template>
<template>
  <h-button>按钮</h-button>
  <h-icon name='icon-menu'></h-icon>
</template>

局部导入

vue
<script setup lang='ts'>
import 'vue-ghui/dist/style.css'
import { HButton, HIcon } from 'vue-ghui';
</script>
<template>
  <h-button>按钮</h-button>
  <h-icon name='icon-menu'></h-icon>
</template>
<script setup lang='ts'>
import 'vue-ghui/dist/style.css'
import { HButton, HIcon } from 'vue-ghui';
</script>
<template>
  <h-button>按钮</h-button>
  <h-icon name='icon-menu'></h-icon>
</template>