ant design上手
时间: 2023-08-13 13:07:18 浏览: 51
Ant Design是一个面向企业级应用的设计语言和React UI库。对于初次接触Ant Design的用户来说,可以按照以下步骤上手:
1. 安装Ant Design Vue:使用npm安装cnpm,命令为`npm install cnpm -g --registry=https://registry.npm.taobao.org`。安装完后可以通过`cnpm -v`命令查看版本号或者重新打开命令提示符以确保安装完成。
2. 选择Ant Design Vue作为UI库:在公司开发后台管理系统时,选择了Ant Design Vue作为整个项目的UI库。Ant Design Vue提供了丰富的组件和样式,使得开发更加高效和美观。
3. 学习如何使用Ant Design Vue的表单组件:Ant Design Vue提供了强大的表单组件,可以通过v-decorator修饰器来对输入组件进行验证。可以参考官方文档,如使用v-decorator修饰input组件的示例代码:
```html
<a-form-item>
<a-input placeholder="账号" v-decorator="['account',{rules: [{ required: true,whitespace:true,message: '请输入您的登陆账号' }]}]" />
</a-form-item>
```
以上是Ant Design上手的基本步骤,通过学习官方文档和实践,您可以更好地掌握和使用Ant Design Vue。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* [Ant-design 快速上手](https://blog.csdn.net/sinat_38270658/article/details/70053099)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
- *2* *3* [Ant-Design-Vue快速上手指南+排坑](https://blog.csdn.net/weixin_42647798/article/details/103421341)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
[ .reference_list ]