使用react+ts+react-router初始化项目请给出代码示例

下面是一个使用React、TypeScript和React Router初始化项目的代码示例：

首先，确保你的机器上已经安装了Node.js和npm。

创建项目文件夹并进入该文件夹：
```
mkdir my-app
cd my-app
```
初始化项目：
```
npm init -y
```

安装必要的依赖包：

npm install react react-dom react-router-dom typescript @types/react @types/react-dom @types/react-router-dom

创建一个新的 src 文件夹，然后在该文件夹中创建一个名为 App.tsx 的文件，用于创建一个简单的React组件：

import React from 'react';

const App: React.FC = () => {
  return (
    <div>
      <h1>Hello, React with TypeScript and React Router!</h1>
    </div>
  );
}

export default App;

创建一个名为 index.tsx 的文件，用于渲染React组件到页面上：

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import App from './App';

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

在项目的根目录下创建一个名为 tsconfig.json 的文件，用于配置TypeScript：

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noImplicitAny": false,
    "jsx": "react-jsx"
  },
  "include": ["src"],
  "exclude": ["node_modules", "build"]
}

在项目的根目录下创建一个名为 public 的文件夹，并在其中创建一个名为 index.html 的文件，用于作为React应用的入口点：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>React App</title>
</head>
<body>
  <div id="root"></div>
</body>
</html>

在项目的根目录下创建一个名为 webpack.config.js 的文件，用于配置Webpack：

const path = require('path');

module.exports = {
  entry: './src/index.tsx',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  resolve: {
    extensions: ['.tsx', '.ts', '.js']
  },
  module: {
    rules: [
      {
        test: /\.(ts|tsx)$/,
        exclude: /node_modules/,
        use: {
          loader: 'ts-loader'
        }
      }
    ]
  },
  devServer: {
    contentBase: path.resolve(__dirname, 'public'),
    compress: true,
    port: 3000,
    historyApiFallback: true
  }
};

在 package.json 文件中添加以下脚本，用于启动开发服务器：
```
"scripts": {
  "start": "webpack serve --open"
},
```
运行项目：
```
npm start
```

这样，你就完成了一个使用React、TypeScript和React Router的项目的初始化。现在你可以访问 http://localhost:3000 在浏览器中查看项目的运行效果