Skip to content

fi3ework/vscode-antd-rush

Folders and files

NameName
Last commit message
Last commit date
Jun 6, 2021
May 3, 2020
Jan 30, 2020
May 3, 2020
Jun 5, 2021
Jun 5, 2021
Jan 11, 2020
Apr 20, 2020
Apr 20, 2020
Apr 20, 2020
Apr 18, 2020
Dec 25, 2019
Apr 20, 2020
Oct 18, 2020
Oct 18, 2020
Jan 11, 2020
Jun 5, 2021
Jun 5, 2021
Jun 5, 2021
Apr 19, 2020
Jan 30, 2020
Jan 28, 2020
Feb 13, 2022

Repository files navigation

Antd Rush

Rush to Ant Design in VS Code

Download from Visual Studio Marketplace

If this extension is helpful to you, please vote ⭐️⭐️⭐️⭐️⭐️ at Marketplace πŸ˜‰.

English | δΈ­ζ–‡

Feature

  • πŸ’¬ Show official documentation for Ant Design component and props
  • ⚑️ Insert component method handler automatically
  • πŸ—‚ Support multiple version documentations (3.x / 4.x)
  • 🌐 Support Chinese and English documentation

Caveat

  • Currently used version of the Ant Design 3.x documentation is 3.26.20 (latest at 2021/06/05), 4.x uses 4.16.1 (latest at 2021/06/05)
  • @types/react is required to be installed in userland project

Usage

Switch antd major version

Extension support both v3 and v4 documentation, v3 by default (it will changed to v4 in the future). You can change the default version and set version of each workspace.

Change default version

  1. ⌘ + , (macOS), Ctrl + , (Windows)
  2. Input Antd Rush: Default Antd Major Version
  3. Select default version

Change workspace version

  1. ⌘ + shift + P (macOS), Ctrl + shift + P (Windows)
  2. Input antdrush: set antd version of current workspace
  3. Select version of current workspace

Component props table hover hint

  • Hover on component to get component description hint
  • Provide Ant Design documentation page link of component

Props detail hover hint

  • Hover on component props to get props description hint

Insert method handler automatically

  • Trigger ! to auto insert handler with default prefix (default prefix is handle, it's configurable)
  • Trigger ~ to insert handler after handler name inquiry
  • TypeScript type annotation will not be added for now
  • class component insertion template is
this.handleMethod = () => {}
  • functional component insertion template is
const handleMethod = useCallback(() => {})

Contributing

See CONTRIBUTING

Roadmap

See #1

License

MIT