创建node项目

在目标文件夹下，执行npm init -y初始化一个新项目，执行完后会在文件夹下创建一个package.json文件。

其中，-y表示自动回答“yes”给所有提示，避免在执行命令时手动输入确认。没有-y选项时，npm 会交互地询问你一系列问题，如项目名称、版本、描述、入口文件、测试命令、仓库、作者和许可证等：

Press ^C at any time to quit.
package name: (my-project)
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
author:
license: (ISC)
About to write to /path/to/my-project/package.json

需要手动回答这些问题或按 Enter键以接受默认值。

安装express框架

执行npm install express，安装 Express 框架。

安装ts

执行npm install --save-dev typescript @types/express ts-node-dev @types/node ，安装ts运行相关依赖。

配置ts

创建一个tsconfig.json文件，并在其中添加基本配置信息：

{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "outDir": "./dist",
    "rootDir": "./src",
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

！！！如果不配置，在运行项目时会报错：Unable to compile TypeScript。

创建项目结构

创建src文件夹，并在其中创建一个index.ts文件：

配置脚本信息

此时查看默认生成的pakcage.json文件，会看到还没有定义项目运行的相关命令，因此，手动添加脚本执行命令：

"scripts": {
  "start": "node dist/index.js",
  "dev": "ts-node-dev --respawn --transpile-only src/index.ts"
}

测试项目

此时，可以在 src/index.ts 中添加一些代码来测试项目是否可以正常执行，比如：

import express, { Request, Response } from "express";
const app = express();
const port = 3000;
app.get("/", (req: Request, res: Response) => {
  res.send("Hello, TypeScript with Express!");
});
app.listen(port, () => {
  console.log(`Server is running at http://localhost:${port}`);
});

然后，执行命令npm run dev，如果最后如下图所示，则项目配置成功，可以开始coding了！