前言
在前端开发中，UI 组件的选择是非常重要的。Ant Design 是一个非常流行的 UI 组件库，其中包括了各种实用的工具，例如 @ant-design/tools。
本文将介绍如何使用 @ant-design/tools 这个 npm 包，帮助大家更方便地使用 Ant Design UI 组件库，提高开发效率。
@ant-design/tools 是什么
@ant-design/tools 是 Ant Design 团队开发的一款工具包，它包含了一系列 Ant Design 组件的脚手架、脚本和样式。通过使用 @ant-design/tools 可以快速搭建一个完整的 Ant Design 项目，也可以通过其中的脚本快速生成组件和页面。
如何安装
安装 @ant-design/tools 可以使用 npm，具体操作如下：
npm install @ant-design/tools --save
也可以使用 yarn，具体操作如下：
yarn add @ant-design/tools
如何使用
初始化项目
使用 @ant-design/tools 可以快速初始化一个完整的 Ant Design 项目。通过命令行进入项目根目录，执行如下命令：
adt init
执行此命令后，会自动下载依赖包，并生成一个默认的 Ant Design 项目。
生成组件
执行如下命令可以生成一个新的 Ant Design 组件：
adt generate component MyComponent
这将在 src/components/ 目录下生成一个名为 MyComponent 的组件，并生成对应的测试文件和样式文件。
生成页面
执行如下命令可以生成一个新的 Ant Design 页面：
adt generate page MyPage
这将在 src/pages/ 目录下生成一个名为 MyPage 的页面，并生成对应的测试文件和样式文件。
总结
通过使用 @ant-design/tools 可以极大地提高 Ant Design 项目的开发效率，能够快速生成组件和页面，可以节省大量的时间。
本文仅仅介绍了 @ant-design/tools 的基本使用，更多详细的操作和配置可以查看官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/138537