vueComponent /ant-design-vue

🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

★ 21,711⑂ 3,885
VueCreated 2017-09-20antdv.com/
21,711
stars
+10+12+37
3,885
forks
–
watchers
–
prs
–
issues
–
releases
–
discussions

README

Ant Design Vue




基于 Ant Design 和 Vue 3 的企业级 UI 组件库。

!test       






  赞助商
  
  
    
      
        
          
        
      
      
        
          
        
      
    
  


English | 简体中文

 特性

- 提炼自企业级中后台产品的交互语言和视觉风格。
- 开箱即用的高质量 Vue 组件。
- 共享 Ant Design of React 设计工具体系。

 关注我们

收藏加关注,第一时间获取更新动态!

!star us

 支持环境

- 现代浏览器。1.x 版本支持 IE 9+(需要 polyfills)
- 支持服务端渲染。
- Electron
- 支持 Vue 2 和 Vue 3

| IE / Edge | Firefox | Chrome | Safari | Opera | Electron |
| --- | --- | --- | --- | --- | --- |
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

 安装

 使用 npm 或 yarn 安装

bash
$ npm install ant-design-vue --save


bash
$ yarn add ant-design-vue


如果你的网络环境不佳,推荐使用 cnpm。

 链接

- 首页
- Vue 官方文档
- Ant Design Of React

 生态

| Project | Description |
| --- | --- |
| vue-ref | 您可以使用回调来获取组件的引用,类似 react |
| ant-design-vue-helper | ant-design-vue 的 vscode 扩展 |
| vue-cli-plugin-ant-design | 使用 vue-cli3 快速使用 ant-design-vue 组件库 |
| vue-dash-event | 在 DOM 模板中,您可以使用 ant-design-vue 组件的自定义事件(camelCase) |
| @formily/antdv | 这是一个结合了 Formily 和 ant-design-vue 的组件库 |
| @ant-design-vue/nuxt | ant-design-vue 的 nuxt 模块扩展 |
| ant-design-x-vue | 基于 Ant Design X 设计规范的 Vue AI 界面解决方案 |

 问答

 强烈推荐阅读 《提问的智慧》、《如何向开源社区提问题》 和 《如何有效地报告 Bug》、《如何向开源项目提交无法解答的问题》,更好的问题更容易获得帮助。



 赞助

ant-design-vue 是 MIT 协议的开源项目。为了项目能够更好的持续的发展,我们期望获得更多的支持者,你可以通过如下任何一种方式支持我们:

- Patreon
- opencollective
- paypal
- ETH: 0x30cc48515d8ae9fefa20ab87226ad7e8ab9c3bc2

 赞助商

成为赞助商,并在 Github 上的自述文件上获得您的徽标,并链接到您的网站。 [成为赞助商]

           

 支持者

每月捐款支持我们,帮助我们继续我们的活动。 [成为支持者]

           

 Patreon

每月捐款支持我们,帮助我们继续我们的活动。 [成为支持者]



 更多赞助者 (通过 Patreon、支付宝、微信、paypal 等等)

 贡献者

感谢所有为 ant-design-vue 做出贡献的人!

Snapshot: 2026-11-10T09:35:25Z · Data license Apache-2.0 · JSON