{"id":13805040,"url":"https://github.com/fi3ework/vscode-antd-rush","last_synced_at":"2025-04-14T12:31:45.582Z","repository":{"id":42298003,"uuid":"228765615","full_name":"fi3ework/vscode-antd-rush","owner":"fi3ework","description":"🌈 Ant Design cheatsheet in VS Code.","archived":false,"fork":false,"pushed_at":"2023-01-07T15:48:31.000Z","size":12988,"stargazers_count":124,"open_issues_count":9,"forks_count":19,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-10-19T19:58:21.790Z","etag":null,"topics":["antd","antd-design","react","typescript","vscode","vscode-extension"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=fi3ework.vscode-antd-rush","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fi3ework.png","metadata":{"files":{"readme":"README-zh_CN.md","changelog":"CHANGELOG","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-12-18T05:33:23.000Z","updated_at":"2024-09-11T15:55:02.000Z","dependencies_parsed_at":"2023-02-07T14:01:40.283Z","dependency_job_id":null,"html_url":"https://github.com/fi3ework/vscode-antd-rush","commit_stats":null,"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fi3ework%2Fvscode-antd-rush","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fi3ework%2Fvscode-antd-rush/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fi3ework%2Fvscode-antd-rush/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fi3ework%2Fvscode-antd-rush/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fi3ework","download_url":"https://codeload.github.com/fi3ework/vscode-antd-rush/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248881574,"owners_count":21176877,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["antd","antd-design","react","typescript","vscode","vscode-extension"],"created_at":"2024-08-04T01:00:56.742Z","updated_at":"2025-04-14T12:31:45.551Z","avatar_url":"https://github.com/fi3ework.png","language":"TypeScript","funding_links":[],"categories":["Tools"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/fi3ework/vscode-antd-rush\"\u003e\n    \u003cimg width=\"200px\" height=\"200px\" src=\"https://user-images.githubusercontent.com/12322740/73346951-ba4dbe80-42c1-11ea-8784-5af0916ec459.png\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003eAntd Rush\u003c/h1\u003e\n\u003cdiv align=\"center\"\u003e\n\nRush to Ant Design in VS Code\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=fi3ework.vscode-antd-rush\"\u003e\n\u003cimg src=\"https://vsmarketplacebadge.apphb.com/version/fi3ework.vscode-antd-rush.svg\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=fi3ework.vscode-antd-rush\"\u003e\n\u003cimg src=\"https://vsmarketplacebadge.apphb.com/downloads-short/fi3ework.vscode-antd-rush.svg\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=fi3ework.vscode-antd-rush\"\u003e\n\u003cimg src=\"https://vsmarketplacebadge.apphb.com/installs-short/fi3ework.vscode-antd-rush.svg\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=fi3ework.vscode-antd-rush\"\u003e\n\u003cimg src=\"https://vsmarketplacebadge.apphb.com/rating-short/fi3ework.vscode-antd-rush.svg\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/fi3ework/vscode-antd-rush/actions?query=workflow%3ATest\"\u003e\n\u003cimg src=\"https://img.shields.io/github/workflow/status/fi3ework/vscode-antd-rush/Test?label=GitHub%20Actions\" /\u003e\n\u003c/a\u003e\n\u003c/p\u003e\n\n\u003c/div\u003e\n\n[Download from Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=fi3ework.vscode-antd-rush)\n\n[English](./README.md) | 中文\n\n## 特性\n\n- 💬 为 Ant Design 组件及属性显示对应官方文档\n- ⚡️ 自动插入组件 handler\n- 🗂 支持多版本文档（3.x / 4.x）\n- 🌐 支持中/英文档\n\n## 提示\n\n- 当前使用的 Ant Design 3.x 版本文档为 **3.26.20** (latest at 2021/06/05)，4.x 版本文档为 **4.16.1** (latest at 2021/06/05)\n- 需要用户的项目中安装了 `@types/react`\n\n## 功能\n\n### 切换 antd 版本\n\n同时支持 antd v3 和 v4 版本的文档，默认为 v3（之后会转为 v4），你可以更改使用默认的文档版本，也可以更改每个工作区使用的 antd 版本号。\n\n#### 更改默认版本\n\n1. \u003ckbd\u003e⌘\u003c/kbd\u003e + \u003ckbd\u003e,\u003c/kbd\u003e (macOS), \u003ckbd\u003eCtrl\u003c/kbd\u003e + \u003ckbd\u003e,\u003c/kbd\u003e (Windows)\n2. 输入 `Antd Rush: Default Antd Major Version`\n3. 选择默认版本\n\n#### 更改工作区版本\n\n1. \u003ckbd\u003e⌘\u003c/kbd\u003e + \u003ckbd\u003eshift\u003c/kbd\u003e + \u003ckbd\u003eP\u003c/kbd\u003e (macOS), \u003ckbd\u003eCtrl \u003c/kbd\u003e + \u003ckbd\u003eshift\u003c/kbd\u003e + \u003ckbd\u003eP\u003c/kbd\u003e (Windows)\n2. 输入 `antdrush: set antd version of current workspace`\n3. 选择当前工作区的版本\n\n### 悬浮提示组件 props 表格\n\n- 悬浮在组件上显示官方文档的组件详情\n- 提供链接直接跳转到 Ant Design 的官方文档页面\n\n\u003cimg src=\"assets/hover-component.gif\"\u003e\n\n### 悬浮提示 props 详情\n\n- 悬浮在 props 上显示官方文档的 props 详情\n\n\u003cimg src=\"assets/hover-props.gif\"\u003e\n\n### 自动插入 method handler\n\n- 触发 `!` 自动插入带默认前缀的 handler（默认前缀预置为 `handle`，可配置）\n- 触发 `~` 在提示输入 handler name 后插入\n- 暂时不会为 TypeScript 自动添加类型标注\n- class component 插入的模板为\n\n```jsx\nthis.handleMethod = () =\u003e {}\n```\n\n- functional component 插入的模板为\n\n```jsx\nconst handleMethod = useCallback(() =\u003e {})\n```\n\n\u003cimg src=\"assets/insertion.gif\"\u003e\n\n## Contributing\n\nSee [CONTRIBUTING](https://github.com/fi3ework/vscode-antd-rush/blob/master/CONTRIBUTING.md)\n\n## Roadmap\n\nSee [#1](https://github.com/fi3ework/vscode-antd-rush/issues/1)\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffi3ework%2Fvscode-antd-rush","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffi3ework%2Fvscode-antd-rush","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffi3ework%2Fvscode-antd-rush/lists"}