TypeScript + React 环境搭建

在搭建TypeScript + React环境时，我们通常使用Create React App搭建基础项目，并添加TypeScript支持。以下是步骤和示例代码：

1. 使用Create React App创建项目：

npx create-react-app my-app --template typescript

2. 进入项目目录：

cd my-app

3. 如果你还没有安装TypeScript，可以通过以下命令安装：

npm install --save typescript

4. 接下来，确保项目中有tsconfig.json，这个文件定义了TypeScript编译选项。如果使用上述Create React App命令创建的项目，默认会有这个文件。
5. 如果需要，可以自定义tsconfig.json，例如包含特定的TypeScript编译选项。
6. 在项目中安装TypeScript React类型定义：

npm install --save @types/react @types/react-dom @types/node

7. 最后，确保你的React组件使用TypeScript语法。例如，创建一个名为App.tsx的组件：

import React from 'react';
 
const App: React.FC = () => {
  return (
    <div>
      Hello, TypeScript + React!
    </div>
  );
};
 
export default App;

8. 运行项目：

npm start

以上步骤将会为你创建一个基础的TypeScript + React项目，并展示如何添加一个简单的React组件。