如何在 Express.js 中使用 TypeScript-JavaScript中文网-JavaScript教程资源分享门户

TypeScript 是一种由微软开发的静态类型检查的 JavaScript 超集语言，它可以在编译时进行类型检查，帮助开发者避免在运行时出现类型错误。而 Express.js 是一种基于 Node.js 的 Web 应用框架，它可以帮助开发者快速构建 Web 应用程序。在这篇文章中，我们将讨论如何在 Express.js 中使用 TypeScript。

准备工作

在开始之前，我们需要安装 Node.js 和 TypeScript。可以通过以下命令来安装：

# 安装 Node.js
sudo apt-get install nodejs

# 安装 TypeScript
sudo npm install -g typescript

在安装完成后，我们需要创建一个新的 Express.js 项目。可以通过以下命令来创建：

# 创建一个新的 Express.js 项目
express --view=ejs myapp

这个命令将会创建一个名为 myapp 的新项目，使用 EJS 模板引擎。

配置 TypeScript

在创建项目后，我们需要对 TypeScript 进行配置。可以通过以下步骤来完成：

创建一个 tsconfig.json 文件，用来配置 TypeScript 编译器。
修改 package.json 文件，添加 TypeScript 相关的依赖和脚本。

创建 `tsconfig.json` 文件

在项目根目录下创建一个 tsconfig.json 文件，内容如下：

// javascriptcn.com 代码示例
{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "outDir": "./dist",
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["./src/**/*"],
  "exclude": ["node_modules", "**/*.spec.ts"]
}

这个配置文件中，我们指定了 TypeScript 编译器的一些选项，包括目标版本、模块类型、输出目录、严格模式等。其中 include 和 exclude 用来指定编译器需要编译的文件和排除的文件。

修改 `package.json` 文件

在 package.json 文件中，我们需要添加一些 TypeScript 相关的依赖和脚本。可以通过以下命令来安装依赖：

# 安装 TypeScript 相关的依赖
npm install --save-dev typescript ts-node @types/node @types/express

然后修改 package.json 文件，添加以下脚本：

{
  "scripts": {
    "build": "tsc",
    "start": "ts-node ./src/app.ts"
  }
}

这些脚本分别用来编译 TypeScript 代码和启动应用程序。其中 start 脚本使用了 ts-node 工具来直接运行 TypeScript 文件，而不需要先编译成 JavaScript 文件。

编写 TypeScript 代码

在完成配置后，我们可以开始编写 TypeScript 代码了。可以在 ./src 目录下创建一个 app.ts 文件，内容如下：

// javascriptcn.com 代码示例
import express from 'express';

const app = express();

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

这个代码和普通的 Express.js 代码非常相似，只是多了一些类型声明和模块导入。

编译和运行应用程序

在编写完成代码后，我们可以通过以下命令来编译 TypeScript 代码：

# 编译 TypeScript 代码
npm run build

这个命令将会把 TypeScript 代码编译成 JavaScript 代码，输出到 ./dist 目录下。

然后我们可以通过以下命令来启动应用程序：

# 启动应用程序
npm start

这个命令将会使用 ts-node 工具来直接运行 TypeScript 文件，启动 Express.js 应用程序。

总结

在这篇文章中，我们介绍了如何在 Express.js 中使用 TypeScript。通过配置 TypeScript 编译器和修改 package.json 文件，我们可以轻松地在 Express.js 中使用 TypeScript。同时，我们也编写了一个简单的 Express.js 应用程序，演示了如何在 TypeScript 中使用 Express.js。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6562b9eed2f5e1655dc86b3e

如何在 Express.js 中使用 TypeScript