h-design
h-design 是一款基于 Vue3的UI组件库。🎈使用Typescript编写。 此组件库用于学习使用,不建议搭建用于开发环境,希望同道中人让这个项目能真正用起来。
H-design, a Vue 3.x based component library for developers
open in new windowopen in new window
快速上手
安装
yarn add h-design
1
or
npm install h-design
1
全局引入
# main.js
import { createApp } from 'vue'
import HDesign from 'h-design';
import 'h-design/lib/styles/index.css';
const app = createApp(App)
app.use(HDesign)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
按需引入
单文件组件中使用
import { HButton } from 'h-design';
import 'h-design/lib/styles/index.css';
export default {
components: { HButton }
};
1
2
3
4
5
2
3
4
5