# hlzn-design-vue

**Repository Path**: tonsliy/hlzn-design-vue

## Basic Information

- **Project Name**: hlzn-design-vue
- **Description**: 基于ant-design-vue 二次封装组件库
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-07-20
- **Last Updated**: 2022-02-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
  <a href="https://tonsliy.github.io/hlzn-design-vue/">
    <img width="200" src="https://tonsliy.github.io/hlzn-design-vue/logo.png" />
  </a>
</p>

<h1 align="center">
  <a href="https://tonsliy.github.io/hlzn-design-vue/" target="_blank">Hlzn Design Vue</a>
</h1>

<div align="center">
基于Ant Design Vue 二次封装的Vue3组件库
</div>

## 特性

- 提炼自企业级中后台产品的交互语言和视觉风格。
- 基于Vue3、Vite、TypeScript等最新技术栈开发。
- 对日常使用频率较高的组件二次封装,满足基础工作需求。

## 支持环境

- 支持 Vue 3

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
| --- | --- | --- | --- | --- | --- |
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

## 安装

### 使用 npm 或 yarn 安装

```bash
$ npm install hlzn-design-vue --save
```

```bash
$ yarn add hlzn-design-vue
```

如果你的网络环境不佳，推荐使用 [cnpm](https://github.com/cnpm/cnpm)。

## 链接

- [首页](https://tonsliy.github.io/hlzn-design-vue/)
- [Vue 官方文档](https://cn.vuejs.org/)
- [Ant Design Vue](https://www.antdv.com/)

## 生态

| Project | Description |
| --- | --- |
| [vue-ref](https://github.com/vueComponent/vue-ref) | 您可以使用回调来获取组件的引用，类似 react |
| [ant-design-vue-helper](https://marketplace.visualstudio.com/items?itemName=ant-design-vue.vscode-ant-design-vue-helper) | ant-design-vue 的 vscode 扩展 |
| [vue-cli-plugin-ant-design](https://github.com/vueComponent/vue-cli-plugin-ant-design) | 使用 vue-cli3 快速使用 ant-design-vue 组件库 |
| [vue-dash-event](https://github.com/vueComponent/vue-dash-event) | 在 DOM 模板中，您可以使用 ant-design-vue 组件的自定义事件（camelCase） |

## 参考相关技术

- [esbuild-plugin-vue](https://github.com/egoist/esbuild-plugin-vue)
- [vue-dts-gen](https://github.com/egoist/vue-dts-gen)
- [vueuse](https://github.com/vueuse/vueuse)
- [vitepress-for-component](https://github.com/dewfall123/vitepress-for-component)
- [windicss](https://github.com/windicss/windicss)
- [Element Plus](https://github.com/element-plus/element-plus)
- [vuecomponent-seed](https://github.com/zouhangwithsweet/vuecomponent-seed)