前言
TypeScript 是一种由微软开发的静态类型语言，它可以在 JavaScript 中添加类型注释和其他语言特性，使得代码更加可读、可维护和可扩展。在前端开发中，TypeScript 已经成为了一个非常流行的选择，它可以在编译时检查类型错误，并且可以提供更好的 IDE 支持和代码提示。
在本文中，我们将介绍如何在 Express 项目中使用 TypeScript，希望对于正在学习 TypeScript 或者正在开发 Express 项目的开发者有所帮助。
环境准备
在使用 TypeScript 开发 Express 项目之前，我们需要先安装 Node.js 和 TypeScript。如果你已经安装了 Node.js，可以通过以下命令来安装 TypeScript：
npm install -g typescript
安装完成后，我们可以通过以下命令来查看 TypeScript 的版本：
tsc --version
初始化项目
我们可以通过以下命令来初始化一个 Express 项目：
npm init -y npm install express
然后，我们需要创建一个 src 目录来存放 TypeScript 代码，同时创建一个 tsconfig.json 文件来配置 TypeScript 编译器：
mkdir src touch tsconfig.json
在 tsconfig.json 文件中添加以下配置：
// www.javascriptcn.com code example
{
"compilerOptions": {
"target": "es6",
"module": "commonjs",
"outDir": "dist",
"strict": true,
"esModuleInterop": true
},
"include": ["src/**/*"],
"exclude": ["node_modules"]
}这个配置文件告诉 TypeScript 编译器将 TypeScript 代码编译成 ES6 标准的 JavaScript，并且将编译后的代码存放在 dist 目录中。同时，我们还开启了严格模式和 ES 模块互操作性。
编写代码
接下来，我们可以开始编写 TypeScript 代码了。在 src 目录下创建一个 app.ts 文件，添加以下代码：
// www.javascriptcn.com code example
import express from "express";
const app = express();
app.get("/", (req, res) => {
res.send("Hello, TypeScript!");
});
app.listen(3000, () => {
console.log("Server started at http://localhost:3000");
});这段代码创建了一个 Express 应用程序，并且在根路由下返回了一个字符串。我们可以通过以下命令来编译 TypeScript 代码：
tsc
这将会把 TypeScript 代码编译成 JavaScript 代码，并且将编译后的代码存放在 dist 目录下。
最后，我们可以通过以下命令来启动 Express 应用程序：
node dist/app.js
在浏览器中访问 http://localhost:3000，你应该可以看到 "Hello, TypeScript!" 的字符串。
使用类型注释
在 TypeScript 中，我们可以使用类型注释来明确变量、函数和类的类型。例如，在 app.ts 文件中，我们可以添加类型注释来明确 req 和 res 的类型：
// www.javascriptcn.com code example
import express, { Request, Response } from "express";
const app = express();
app.get("/", (req: Request, res: Response) => {
res.send("Hello, TypeScript!");
});
app.listen(3000, () => {
console.log("Server started at http://localhost:3000");
});这样做可以提高代码的可读性和可维护性，并且可以在编译时检查类型错误。
结语
在本文中，我们介绍了如何在 Express 项目中使用 TypeScript，并且演示了如何创建一个简单的 Express 应用程序。希望这篇文章对于正在学习 TypeScript 或者正在开发 Express 项目的开发者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67da2d60a941bf71341eade3