<h1 align="center">
  <a href="http://hzent.fcdata.cn:4873/-/web/detail/fc-design-vue/" target="_blank">fc Design Vue</a>
</h1>

<div align="center">

基于 ant-design-vue 做二次封装

[![Vue](https://img.shields.io/badge/Vue-%5E2.6.0-blue?style=flat-square)](https://v2.cn.vuejs.org/) [![AntdV](https://img.shields.io/badge/AntdV-1.7.8-blue?style=flat-square)](https://1x.antdv.com/docs/vue/introduce-cn/) [![AG-Grid-Vue](https://img.shields.io/badge/AG%20Grid%20Vue-29.3.5-blue?style=flat-square)](https://www.ag-grid.com/vue-data-grid/reference/) ![test](https://github.com/vueComponent/ant-design-vue/workflows/test/badge.svg?style=flat-square) [![codecov](https://img.shields.io/codecov/c/github/vueComponent/ant-design-vue/master.svg?style=flat-square)](https://codecov.io/gh/vueComponent/ant-design-vue) [![npm package](https://img.shields.io/npm/v/ant-design-vue.svg?style=flat-square)](https://www.npmjs.org/package/ant-design-vue) [![sponsors](https://opencollective.com/ant-design-vue/sponsors/badge.svg?style=flat-square)](#sponsors) [![extension-for-VSCode](https://img.shields.io/badge/extension%20for-VSCode-blue.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=ant-design-vue.vscode-ant-design-vue-helper) [![extension-for-VSCode](https://img.shields.io/badge/extension%20for-VSCode-blue.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=ant-design-vue.vscode-ant-design-vue-helper)

</div>

## 特性

- 提炼业务通用场景，提供快捷的插件使用场景
- 开箱即用的高质量 Vue 组件。

## 文档

- [fc Design Vue 0.x](http://dvb.fcdata.cn/fcdv)

## 支持环境

- 现代浏览器和 IE9 及以上（需要 [polyfills](https://www.antdv.com/docs/vue/getting-started-cn/#兼容性)）。
- 支持服务端渲染。
- [Electron](https://electronjs.org/)

| IE / Edge | Firefox | Chrome | Safari | Opera | Electron |
| --- | --- | --- | --- | --- | --- |
| IE9, IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

## 安装

### 使用 npm 或 yarn 安装

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

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

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

## 开发

### 启动

```
npm run start
```

### 编译

```
npm run compile
```

### 发布

```
npm run pub
```

### 预发布

```
npm run prepublish
```

### 开发/预览发布

```
npm run pre-publish
```

## 相关链接

- [fc Design Vue 官方文档](http://dvb.fcdata.cn/fcdv)
- [AntdV 官方文档](https://1x.antdv.com/docs/vue/introduce-cn/)
- [Vue 官方文档](https://cn.vuejs.org/)

## 生态

| 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） |
| [@formily/antdv](https://github.com/formilyjs/antdv) | 这是一个结合了 Formily 和 ant-design-vue 的组件库 |

## 问答

> 强烈推荐阅读 [《提问的智慧》](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way)、[《如何向开源社区提问题》](https://github.com/seajs/seajs/issues/545) 和 [《如何有效地报告 Bug》](http://www.chiark.greenend.org.uk/%7Esgtatham/bugs-cn.html)、[《如何向开源项目提交无法解答的问题》](https://zhuanlan.zhihu.com/p/25795393)，更好的问题更容易获得帮助。

[![Let's fund issues in this repository](https://img.shields.io/badge/ISSUES-%5E0.1.0-blue)](http://hzent.fcdata.cn:18080/base/fc-design-vue/-/issues)
