前言
随着前端开发的发展，越来越多的开发者开始涉及到后端开发。而 Express.js 作为 Node.js 的一个常用框架，因其简单易用、灵活多变的特性而备受开发者喜爱。同时，TypeScript 作为 JavaScript 的超集，提供了强类型支持及更加安全的代码编写方式，被越来越多的开发者广泛采用。
本篇文章将介绍如何使用 TypeScript 构建 Express.js 应用，并着重讲解如何在开发过程中利用 TypeScript 的特性来提高代码的可读性和可维护性。
环境准备
在使用 TypeScript 构建 Express.js 应用之前，需要先确保本地已经安装了 Node.js 和 TypeScript。
安装 Node.js
Node.js 的安装可以通过官网下载对应的安装包进行安装，也可以使用包管理器进行安装，如 macOS 和 Linux 可以使用 Homebrew 或者在终端执行以下命令：
$ sudo apt-get update $ sudo apt-get install nodejs
安装 TypeScript
安装 TypeScript 可以通过 npm 进行安装，命令如下：
$ npm install -g typescript
安装完成后，可以通过以下命令来确认 TypeScript 是否安装成功：
$ tsc --version
创建 Express.js 应用
在安装好必备的环境后，可以开始创建一个新的 Express.js 应用，步骤如下：
初始化项目
可以使用以下命令来初始化一个新的项目：
$ npm init
按照提示依次填写项目的名称、版本号、作者等基本信息，完成项目初始化。
安装必要的依赖
在创建 Express.js 应用之前，需要安装以下必要的依赖：
- Express：将 Express.js 安装为项目的依赖项：
$ npm install express
- TypeScript：将 TypeScript 安装为开发依赖项：
$ npm install --save-dev typescript
- ts-node：使用 ts-node 来运行 TypeScript 代码：
$ npm install --save-dev ts-node
- @types/express：安装 TypeScript 对 Express.js 的类型支持：
$ npm install --save-dev @types/express
创建 Express.js 应用代码
接下来，可以在项目根目录下创建一个新的 app.ts 文件，用来编写 Express.js 应用代码：
-- -------------------- ---- ------- ------ -------- - -------- -------- - ---- ---------- -- -- ---------- -- ----- --- - ---------- -- ---------- ----- ------------------------ ---------------------------- --------- ----- ---- -- ---- ------------ ----- -------- ---- --------- -- - --------------- --------- --- -- ---- ----- ---- - ----- ---------------- -- -- - ---------------- --------- -- --------------------------- ---
以上代码中，我们使用 import express from 'express' 方式引入 Express.js 库，并使用 express() 创建一个新的应用程序，同时使用中间件函数 express.json() 和 express.urlencoded() 来处理来自客户端的 HTTP 请求。最后定义了一个基本的路由 '/'，并在监听端口 3000 的情况下启动应用程序。
配置 TypeScript
在创建好应用代码后，需要添加一些配置文件来编译 TypeScript 代码。在项目的根目录下创建以下文件：
- tsconfig.json：TypeScript 配置文件，从根目录开始的 TypeScript 项目的根文件和编译选项。
-- -------------------- ---- -------
-
------------------ -
--------- ------
--------- -----------
--------- ---------
--------- ----
--
---------- -
------------
--
---------- -
--------------
-
-- nodemon.json：用于自动重载应用程序：
{
"watch": ["./dist"],
"ext": "ts",
"exec": "ts-node ./src/index.ts"
}- package.json：修改 package.json 文件的 script 属性如下：
{
"scripts": {
"dev": "nodemon"
}
}到此，我们已经完成了 TypeScript 的配置工作。
测试应用
最后，可以通过以下命令来启动应用程序：
$ npm run dev
在浏览器中输入 http://localhost:3000/，应该会看到 Hello World! 的输出。
总结
本篇文章介绍了如何使用 TypeScript 构建 Express.js 应用，并详细讲解了在开发过程中使用 TypeScript 的好处。希望本文能够对正在学习 TypeScript 和 Express.js 的开发者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649ea7f248841e9894b3380f