网站首页 > 技术文章 正文
关于使用 TypeScript 和 Express 初始创建 Node.js 服务器的非常简短的教程。
你们中的许多人可能已经知道使用 Express 和 TypeScript 设置 Node.js 项目是多么容易。 如果您已经知道,那么您将不会在这里真正学到任何新东西。
为什么我要写这个非常短的教程? 好吧,我的意图很简单解释:将来我会写一些需要这样一个项目的文章。 由于我不想一遍又一遍地写它,所以我将在这里简单地参考这篇文章,供那些不确定如何进入这样一个 TypeScript 项目的人使用。
让我们从使用 TypeScript 设置一个简单的 Node.js 项目开始。
首先我们创建一个新的项目目录。
$ mkdir event-sourcing-example
$ cd event-sourcing-example/
现在我们在这个目录中初始化 Node。 使用标志 -y 默认设置,这对于示例性实现应该是有益的。
$ npm init -y
现在让我们安装 TypeScript 依赖项。 我们在运行时不需要这些,因此将它们安装为开发依赖项。 此外,我们还需要 Express 来运行 Node.js 服务器。
$ yarn add express
$ yarn add typescript tslint @types/express -D
现在必须添加一个带有 TypeScript 配置的文件。
$ touch tsconfig.json
将以下内容添加到此文件中。
{
"compilerOptions": {
"module": "commonjs",
"esModuleInterop": true,
"target": "es6",
"moduleResolution": "node",
"sourceMap": true,
"outDir": "dist"
},
"lib": ["es2015"]
}
将以下部分添加/替换到 package.json。
"main": "dist/server.js",
"scripts": {
"dev": "tsc && node dist/server.js",
"test": "echo \"Error: no test specified\" && exit 1"
},
...
创建一个文件“server.ts”,其中将包含 Express Server 的代码,如下所示:
$ mkdir src && touch src/server.ts
为了确保一切正确,您可以检查您的项目是否如下所示:
.
|-- node_modules
|-- package.json
|-- src
| `-- server.ts
|-- tsconfig.json
`-- yarn.lock
然后将该代码添加到 server.ts 文件中。
import express from 'express';const app = express();
const port = 9000;app.get('/', (req, res) => {
res.send('Server is up and running!');
});app.listen(port, () => {
console.log(`Server is listening on ${port}`);
});
太好了,我们现在可以运行服务器了。
$ yarn run dev
在另一个终端窗口(或浏览器)中,我们可以检查服务器是否正在运行。
$ curl localhost:9000
如果一切正常,那么我们应该会看到输出“Server is up and running!”。
而已! 现在您可以开始实现您的 API 或应用程序。
祝你好运!
猜你喜欢
- 2025-05-09 Vite 的实现原理,确实很巧妙(深入vite原理)
- 2025-05-09 微信小程序中使用云函数进行开发(微信小程序创建云函数)
- 2025-05-09 详细讲解npm install命令执行,都干了哪些事情?
- 2025-05-09 如何在 Node.js 中使用 .env 文件管理环境变量 ?
- 2025-05-09 离线环境下运行Vue项目(离线安装vue-cli)
- 2025-05-09 《小鑫发现》之GraphQL框架Prisma
- 2025-05-09 如何写一个webpack插件(一)(webpack常用插件和loader)
- 2025-05-09 Node.js 是怎么找到模块的?(nodejs官方模块)
- 2025-05-09 将 node_modules 目录放入 Git 仓库的优点
- 2025-05-09 在Node.js中处理Zip文件(node.js zip)
- 05-11CSS:前端必会的flex布局,我把布局代码全部展示出来了
- 05-11Moti:React Native 动画库的新标杆
- 05-11前端开发避坑指南:每天都能用的 CSS3/Less/Sass 实战技巧
- 05-11HarmonyOS:ArkTS 多态样式自学指南
- 05-115 分钟快速上手图形验证码,防止接口被恶意刷量!
- 05-11网页五指棋游戏
- 05-11告别长文焦虑!AI帮你“秒划重点”,文章秒变知识卡片
- 05-11鸿蒙NEXT小游戏开发:数字华容道
- 最近发表
- 标签列表
-
- cmd/c (64)
- c++中::是什么意思 (83)
- 标签用于 (65)
- 主键只能有一个吗 (66)
- c#console.writeline不显示 (75)
- pythoncase语句 (81)
- es6includes (73)
- sqlset (64)
- windowsscripthost (67)
- apt-getinstall-y (86)
- node_modules怎么生成 (76)
- chromepost (65)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- & (66)
- java (73)
- org.redisson (64)
- js数组插入 (83)
- gormwherein (64)
- linux删除一个文件夹 (65)
- mac安装java (72)
- outofmemoryerror是什么意思 (64)
- eacces (67)
- 查看mysql是否启动 (70)
- 无效的列索引 (74)