在TypeScript中创建Node.js服务器教程:从入门到实践

4,595次阅读
没有评论

共计 2752 个字符,预计需要花费 7 分钟才能阅读完成。

本教程将向您展示如何使用 TypeScript 创建一个简单的 Node.js 服务器。通过使用 TypeScript,我们可以在开发过程中获得静态类型检查和更好的代码维护性。

步骤 1:准备工作

确保您已经安装了以下软件:

步骤 2:初始化项目

  1. 创建一个新的项目文件夹,并打开命令行工具。

    在命令行中导航到项目文件夹,并运行以下命令来初始化新的 npm 项目:

npm init -y

步骤 3:安装依赖

1、在命令行中运行以下命令来安装 express 和 typescript 包:

npm install express typescript

2、还需要安装 TypeScript 的声明文件,以便在开发过程中获得类型检查:

npm install @types/node --save-dev

步骤 4:创建服务器文件

1、在项目文件夹下创建一个名为 server.ts 的新文件。

2、在 server.ts 文件中编写以下代码:

import express, {Request, Response} from 'express';
const app = express();
const port = 3000;

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

app.listen(port, () => {console.log(`Server is running on port ${port}`);
});

步骤 5:编译和运行

1、在命令行中运行以下命令来编译 TypeScript 代码:

npx tsc

2、编译成功后,会生成一个名为 server.js 的 JavaScript 文件。

3、最后,在命令行中运行以下命令来启动服务器:

node server.js

这样子您已经成功创建了一个使用 TypeScript 编写的简单 Node.js 服务器。现在,您可以在浏览器中访问 http://localhost:3000,应该会看到 “Hello, World!” 的消息。

这只是一个入门级教程,帮助您快速上手使用 TypeScript 创建 Node.js 服务器。在实际项目中,您可能需要更多的配置和功能

附加总结教程说明

创建一个 Node.js 服务器在 TypeScript 中的步骤如下:

1. 安装 Node.js 和 npm:首先,你需要在你的电脑上安装 Node.js 和 npm。你可以从 Node.js 官方网站下载最新的版本。

2. 安装 TypeScript:然后,你需要安装 TypeScript。你可以通过 npm 来安装 TypeScript,只需要在命令行中运行以下命令:`npm install -g typescript`

3. 创建一个新的项目:在你的工作目录中创建一个新的文件夹,然后在这个文件夹中运行 `npm init` 命令来创建一个新的项目。

4. 安装 Express:Express 是一个流行的 Node.js 框架,你可以使用它来创建服务器。你可以通过运行 `npm install express` 命令来安装 Express。

5. 创建一个 TypeScript 配置文件:在你的项目根目录中创建一个名为 `tsconfig.json` 的文件。这个文件将包含 TypeScript 的编译选项。你可以参考 TypeScript 官方文档来了解如何配置这个文件。

6. 创建一个服务器文件:创建一个名为 `server.ts` 的文件,然后在这个文件中编写以下代码:

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

7. 编译并运行你的服务器:最后,你可以通过运行 `tsc` 命令来编译你的 TypeScript 代码,然后通过运行 `node server.js` 命令来启动你的服务器。

现在,你已经创建了一个在 TypeScript 中的 Node.js 服务器。你可以通过访问 `http://localhost:3000` 来测试你的服务器。

附加简短教程 2

创建一个文件夹,初始化 node 项目

npm init -y
npm i express cors dotenv
npm i -D typescript @types/node @types/express concurrently
npx tsc --init
"outDir": "./dist"
"scripts": {"build": "npm install typescript && npx tsc",
    "start": "node dist/index.js",
    "dev": "concurrently"npx tsc --watch""nodemon -q dist/index.js""
}
import express, {Express} from 'express';
import dotenv from 'dotenv';
import cors from 'cors';
import http from 'http';
dotenv.config();
const app: Express = express();
const port = process.env.PORT ?? 5905;
app.use(cors());
const server = http.createServer(app);server.listen(port, () => {console.log(`⚡️[server]: Server is running at http://localhost:${port}`);
});
npm run build
npm run dev

文章来源地址 https://www.toymoban.com/diary/apps/298.html

到此这篇关于在 TypeScript 中创建 Node.js 服务器教程:从入门到实践的文章就介绍到这了, 更多相关内容可以在右上角搜索或继续浏览下面的相关文章,希望大家以后多多支持 TOY 模板网!

原文地址:https://www.toymoban.com/diary/apps/298.html

如若转载,请注明出处:如若内容造成侵权 / 违法违规 / 事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于1970-01-01发表,共计2752字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)