使用Vite/CRA搭建（最新版本）React 19.1+TypeScript 5.9+React-Router 6.4+Redux 5.01+Antd 5.27开发环境及安装开发工具

使用Vite搭建React历史版本的开发环境

一、使用Vite安装：

1、安装React+TypeScript，使用如下命令：

npm create vite antd-demo

或单独安装TypeScript

如何在React项目中引入TypeScript？

2、安装React-Router

按照如下文档安装，安装时如果一直等待，可以先删掉node_modules目录和package-lock.json文件再重新执行安装。

React 18.2中使用React Router 6.4

3、安装Redux

React 18.2中使用Redux 5.0.1（结合TS使用）

4、安装Antd

npm install antd --save

5、安装完成后的package.json

{
  "name": "react-vite-demo",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc -b && vite build",
    "lint": "eslint .",
    "preview": "vite preview"
  },
  "dependencies": {
    "antd": "^5.27.6",
    "react": "^19.1.1",
    "react-dom": "^19.1.1",
    "react-redux": "^9.2.0",
    "react-router-dom": "6.4",
    "redux": "^5.0.1"
  },
  "devDependencies": {
    "@eslint/js": "^9.36.0",
    "@types/node": "^24.6.0",
    "@types/react": "^19.1.16",
    "@types/react-dom": "^19.1.9",
    "@types/react-redux": "^7.1.34",
    "@types/redux": "^3.6.31",
    "@vitejs/plugin-react": "^5.0.4",
    "eslint": "^9.36.0",
    "eslint-plugin-react-hooks": "^5.2.0",
    "eslint-plugin-react-refresh": "^0.4.22",
    "globals": "^16.4.0",
    "typescript": "~5.9.3",
    "typescript-eslint": "^8.45.0",
    "vite": "^7.1.7"
  }
}

6、tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",