在"react-vite-ts中如何安装antd

在React、Vite和TypeScript的项目中安装Ant Design（简称AntD），你可以按照以下步骤操作：

1. **打开终端或命令行**：首先确保你已经在项目目录下打开了终端。

2. **检查是否已安装Pnpm或npm/yarn**：如果你已经安装了`pnpm`，就用它；如果没装，可以用`npm` 或 `yarn`。

3. **安装Pnpm（可选）**：如果你的项目还没有使用Pnpm，运行 `npm i -g pnpm` 来全局安装。

4. **创建并激活一个新的pnp.config.js（Pnpm专用）**：

   npx pnpm init pnpm-workspace

5. **初始化项目**：

   cd your-project-name
   npx create-react-app . --template typescript --use-pnp

这会创建一个基于TypeScript的React应用，并启用Pnpm工作区。

6. **安装Ant Design**：
使用Pnpm（如果之前用了`pnpm add`，这里也用`pnpm add`）：

   pnpm add @ant-design/icons @ant-design/components

或者使用npm或yarn：

   npm install antd @ant-design/icons
   # 或者
   yarn add antd @ant-design/icons

7. **引入AntD组件**：
在你的`.ts`或`.tsx`文件中，导入你需要使用的AntD组件，例如：

   import { Button } from '@ant-design/react';

8. **配置按需加载**（可选）：
如果你想减少包体积，可以安装`@ant-design/pro-components`，然后在`config.ts`中配置按需加载。

9. **启动应用**：

   npm run dev
   # 或者
   pnpm start

现在你应该可以在项目中使用AntD组件了。