7、构建全栈应用：TypeScript 与 React 入门指南

构建全栈应用：TypeScript 与 React 入门指南

1. TypeScript 基础设置与应用

在开始构建全栈应用时，TypeScript 是一个强大的工具。首先，我们需要配置项目的 package.json 文件，使其内容如下：

{
    "name": "sample-express",
    "version": "1.0.0",
    "description": "sample express server",
    "license": "ISC",
    "type": "module",
    "dependencies": {
        "express": "^4.18.2",
        "node-fetch": "^3.2.6"
    },
    "devDependencies": {
        "@types/express": "^4.17.15",
        "typescript": "^4.9.4"
    }
}

配置完成后，就可以创建项目的配置和类型声明文件了。

1.1 创建 tsconfig.json 文件

在 sample-express 文件夹中，紧挨着 index.ts 文件创建一个新的 tsconfig.json 文件，或者打开之前创建的文件，将其内容替换为以下代码：