Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>ant design react snippetsNew to Visual Studio Code? Get it now.
ant design react snippets

ant design react snippets

liumengyu

|
51 installs
| (0) | Free
一个用于快速开发antd design react的代码片段工具
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

liumengyu-snippets

简介

这是一个用于快速开发ant design react的代码片段插件,包含一些常用的代码片段,方便开发。

安装

  1. 打开vscode
  2. 点击左侧的扩展图标
  3. 在搜索框中输入antd design react snippets
  4. 点击安装

使用

  1. 打开一个文件
  2. 输入代码片段的触发词
  3. 按下Tab键或者Enter键,即可插入代码片段

代码片段列表

命令简介 Prefix 描述
ant-button ant-btn, btn 创建一个antd design的Button组件
ant-floatButton ant-fbtn, fbtn 创建一个antd design的FloatButton组件
ant-divider ant-dvd, dvd 创建一个antd design的Divider组件
ant-flex ant-flex, flex 创建一个antd design的Flex组件
ant-space ant-space, space 创建一个antd design的Space组件
ant-anchor ant-anchor, anchor 创建一个antd design的Anchor组件
ant-breadcrumb ant-breadcrumb, breadcrumb 创建一个antd design的Breadcrumb组件
ant-dropdown ant-dropdown, dropdown 创建一个antd design的Dropdown组件
ant-pagination ant-pagination, pagination 创建一个antd design的Pagination组件
ant-cascader ant-cascader, cascader 创建一个antd design的Cascader组件
ant-checkbox ant-checkbox, checkbox 创建一个antd design的Checkbox组件
ant-colorPicker ant-colorPicker, colorPicker 创建一个antd design的ColorPicker组件
ant-datePicker ant-datePicker, datePicker 创建一个antd design的DatePicker组件
ant-dateRangePicker ant-dateRangePicker, dateRangePicker 创建一个antd design的DatePicker.RangePicker组件
ant-form ant-form, form 创建一个antd design的Form组件
ant-formItem ant-formItem, formItem 创建一个antd design的Form.Item组件
ant-input ant-input, input 创建一个antd design的Input组件
ant-inputNumber ant-inputNumber, inputNumber 创建一个antd design的InputNumber组件
ant-radio ant-radio, radio 创建一个antd design的Radio组件
ant-radioGroup ant-radioGroup, radioGroup 创建一个antd design的Radio.Group组件
ant-select ant-select, select 创建一个antd design的Select组件
ant-switch ant-switch, switch 创建一个antd design的Switch组件
ant-timePicker ant-timePicker, timePicker 创建一个antd design的TimePicker组件
ant-transfer ant-transfer, transfer 创建一个antd design的Transfer组件
ant-treeSelect ant-treeSelect, treeSelect 创建一个antd design的树形选择器组件
ant-upload ant-upload, upload 创建一个antd design的Upload组件
ant-uploadDragger ant-uploadDragger, uploadDragger 创建一个antd design的Upload.Dragger组件
ant-badge ant-badge, badge 创建一个antd design的Badge组件
ant-card ant-card, card 创建一个antd design的Card组件
ant-popover ant-popover, popover 创建一个antd design的Popover组件
ant-tooltip ant-tooltip, tooltip 创建一个antd design的Tooltip组件
ant-table ant-table, table 创建一个antd design的Table组件
ant-tabs ant-tabs, tabs 创建一个antd design的Tabs组件
ant-tree ant-tree, tree 创建一个antd design的Tree组件
ant-drawer ant-drawer, drawer 创建一个antd design的Drawer组件
ant-modal ant-modal, modal 创建一个antd design的Modal组件
ant-spin ant-spin, spin 创建一个antd design的Spin组件
ant-drawerForm ant-drawerForm, drawerForm 创建一个antd design的DrawerForm组件
ant-modalForm ant-modalForm, modalForm 创建一个antd design的ModalForm组件
ant-proFormText ant-proFormText, proFormText 创建一个antd design的ProFormText组件
ant-proFormTextArea ant-proFormTextArea, proFormTextArea 创建一个antd design的ProFormTextArea组件
ant-proFormSelect ant-proFormSelect, proFormSelect 创建一个antd design的ProFormSelect组件
ant-proFormDatePicker ant-proFormDatePicker, proFormDatePicker 创建一个antd design的ProFormDatePicker组件
ant-proFormTimePicker ant-proFormTimePicker, proFormTimePicker 创建一个antd design的ProFormTimePicker组件
ant-proFormCascader ant-proFormCascader, proFormCascader 创建一个antd design的ProFormCascader组件
ant-proFormDigit ant-proFormDigit, proFormDigit 创建一个antd design的ProFormDigit组件
ant-proFormDateTimePicker ant-proFormDateTimePicker, proFormDateTimePicker 创建一个antd design的ProFormDateTimePicker组件
ant-hook ant-hook, hook 快速创建一个hook函数
ant-className ant-className, className 快速创建一个className
ant-component-className ant-component-className, componentClassName 快速创建一个组件化className
ant-more-className ant-more-className, moreClassName 快速创建一个组件化多输入的ClassName
ant-component ant-component, component 快速创建一个组件
ant-columns ant-columns, columns 快速创建一个快速创建一个表格列变量
ant-useColumns ant-useColumns, useColumns 快速创建一个表格列hook函数
ant-columns-items ant-columns-items, columnsItems 快速创建一个表格列配置项
ant-columns-render-item ant-columns-render-item, columnsRenderItem 快速创建一个表格列带渲染函数的配置项
ant-handle ant-handle, handle 快速创建一个handle自定义函数
ant-promise ant-promise, promise 快速返回一个promise
ant-edf ant-edf, edf 快速创建一个edf自定义函数
ant-ref ant-ref, ref 快速创建一个ref
ant-const ant-const, const 快速创建一个const
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft