docs: add Development Tools in contributing doc

This commit is contained in:
afc163 2022-11-17 14:48:01 +08:00
parent e6d58f30df
commit 640c36eaea
2 changed files with 6 additions and 16 deletions

View File

@ -71,15 +71,10 @@ After cloning antd, run `npm install` to fetch its dependencies. Then, you can r
1. `npm run compile` compiles TypeScript code to the `lib` and `es` directory.
1. `npm run dist` creates UMD build of antd.
### Switch Theme
## Development Tools
Use `DEV_THEME` to change start theme:
```bash
DEV_THEME=dark npm start
```
Visit [http://127.0.0.1:8001/components/button-cn/?theme=dark](http://127.0.0.1:8001/components/button-cn/?theme=dark).
- VSCode plugin for CSS in JS: https://marketplace.visualstudio.com/items?itemName=shezhangzhang.antd-design-token
- Ant Design cheatsheet in VS Code: https://github.com/fi3ework/vscode-antd-rush
## Being a collaborator

View File

@ -71,15 +71,10 @@ Ant Design 团队会关注所有的 pull request我们会 review 以及合并
4. `npm run compile` 编译 TypeScript 代码到 lib 和 es 目录。
5. `npm run dist` 构建 antd 的 UMD 版本到 dist 目录。
### 切换主题
## 配套开发工具
在启动时,设置需要执行的主题:
```bash
DEV_THEME=dark npm start
```
访问 [http://127.0.0.1:8001/components/button-cn/?theme=dark](http://127.0.0.1:8001/components/button-cn/?theme=dark)。
- CSS in JS 样式提示插件https://marketplace.visualstudio.com/items?itemName=shezhangzhang.antd-design-token
- 组件属性提示插件https://github.com/fi3ework/vscode-antd-rush
## 加入社区