react + antd安装

您可以按照以下步骤来安装react和antd：

1. 首先，您需要安装Node.js和npm。您可以在 https://nodejs.org/en/ 下载并安装它们。

2. 打开命令行终端并创建一个新的React应用程序。运行以下命令：

   npx create-react-app my-app
   cd my-app

3. 安装antd和其它相关依赖项。运行以下命令：

   npm install antd
   npm install @ant-design/icons
   npm install craco-less

4. 在应用程序的根目录下创建一个名为craco.config.js的文件，并添加以下内容：

   const CracoLessPlugin = require('craco-less');

   module.exports = {
     plugins: [
       {
         plugin: CracoLessPlugin,
         options: {
           lessLoaderOptions: {
             lessOptions: {
               modifyVars: { '@primary-color': '#1DA57A' },
               javascriptEnabled: true,
             },
           },
         },
       },
     ],
   };

这个文件是用来配置craco-less插件的，它可以让我们在应用程序中使用less文件。

5. 在应用程序的src/index.js文件中添加以下代码：

   import React from 'react';
   import ReactDOM from 'react-dom';
   import 'antd/dist/antd.css';
   import './index.less';
   import App from './App';

   ReactDOM.render(<App />, document.getElementById('root'));

这会在应用程序中引入antd的样式表和我们自己的less文件。

6. 重启应用程序并运行它。在命令行终端中运行以下命令：

   npm start

这将启动应用程序并在浏览器中打开它。

现在，您已经成功地安装了react和antd，并且可以在您的应用程序中使用它们了。