如何用 ExpressJS 最简单地创建 TypeScript 项目！作者：SilvenLEAF

如果你还在为如何创建 TypeScript BackEND 项目而苦恼，我的勇敢骑士，别害怕。它比你想象的要简单得多！放手去做吧！

步骤 1

首先在终端上运行npm init -y来初始化我们的项目，它会创建一个 package.json 文件。然后，我们在终端上运行以下命令来安装这些包

npm i typescript ts-node express @types/node @types/express

typescript 是 typescript 的核心包，ts-node 是 node 的 typescript 版本，用于运行 .ts 文件，就像我们使用 node app.js 一样，在本例中是 ts-node app.ts。@types/node 和 @types/express 分别包含了 node 和 express 的所有类型。你说为什么？因为 typescript 就是基于类型 na 的 :)

奖励步骤

现在让我们安装一些有助于开发的东西

npm i --D nodemon ts-node-dev

ts-node-dev 软件包将 nodemon 与 typescript 绑定。 nodemon app.js对应的 typescript 版本是ts-node-dev app.ts。

现在让我们更新我们的 package.json 文件

  ....keep others unchanged
  "main": "app.ts",
  "scripts": {
    "start": "ts-node app.ts",
    "dev": "ts-node-dev app.ts"
  },
  ...keep others unchanged

第 2 步

运行以下命令，它将创建一个 tsconfig.json 文件。

tsc --init

步骤3

让我们创建一个 Express App
将这些写在我们创建的 app.ts 文件中

import express, { Request, Response } from 'express';
import path from 'path';




// -------------------firing express app
const app = express();
app.use(express.json());
app.use(express.urlencoded({extended:false}));
app.use(express.static(path.join(__dirname, 'client/build')));




// -------------------routes
app.get('/home', (request: Request, response: Response)=>{
  console.log(request.url)
  response.json({ message: `Welcome to the home page!` })
});



// --------------------Listen
const PORT = process.env.PORT || 5000;
app.listen(PORT, ()=>{
  console.log(`Server running on PORT ${ PORT }`);
})

耶！我们的第一个 TypeScript Express 应用已经准备好了。让我们运行并测试一下。

输入npm start或npm run dev，然后前往localhost:5000/home并亲自测试一下。尽情享受吧！

鏂囩珷鏉ユ簮锛�https://dev.to/silvenleaf/how-to-create-a-typescript-project-with-expressjs-the-simplest-way-578a