七爪源码:使用 Typescript 创建 Nodejs Express 项目

首先,让我们谈谈为什么我们需要使用 Typescript。

最初设计 JavaScript 时,它并不是为大规模应用程序开发而设计的。 也就是说,在 Javascript、C# 中,与在 Java 中一样,类、接口、模块等结构是不可用的。 这使得使用 JavaScript 开发大型项目变得困难。

然后 TypeScript 来拯救我们。 TypeScript 让我们摆脱了 JavaScript 的挫败感,使我们能够开发大型应用程序。 虽然 TypeScript 提供了 JavaScript 提供的所有可能性,但它允许我们在其上使用枚举、接口(以及更多)等结构。 因此,我们可以说 TypeScript 是 JavaScript 的超集。

七爪源码:使用 Typescript 创建 Nodejs Express 项目

TypeScript 的工作原理

编译 TypeScript 代码时,实际上会生成 JavaScript 代码作为输出。换句话说,我们在 Typescript 中使用的 enum 和 interface 等结构被翻译成有效的 Javascript 代码。我们用来组织代码的一些结构(例如,接口)甚至没有被翻译成 JavaScript。它们仅由 Typescript 在编译过程中使用。所以我们得到了一个干净的 Javascript 输出。此外,由于 Typescript 只在编译期间负责,因此不会出现 TypeScript 在运行时可能出现的性能问题。因为当 Typescript 代码编译生成 Javascript 代码时,Typescript 的工作就到此结束。此外,由于输出的代码是纯 JavaScript 的,因此您不需要使用任何额外的运行时或库等,因为您使用的是 TypeScript。


所以让我们开始吧..

首先,让我们为我们的项目创建一个文件夹。让我们通过打开终端进入我们将创建文件夹的文件夹并创建我们项目的文件夹。

cd desktopmkdir typescript-node

让我们进入我们的项目文件夹并创建一个“package.json”文件。

npm init

输入此命令后,您将拥有如下所示的文件。

七爪源码:使用 Typescript 创建 Nodejs Express 项目

现在,让我们通过“npm”安装相关包并继续。 按顺序执行以下命令。

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

执行命令后,package.json 文件如下。

七爪源码:使用 Typescript 创建 Nodejs Express 项目

现在,让我们在“脚本”标签之间添加以下命令。

“start”: “node dist/app.js”,
“dev”: “nodemon app.ts”,
“build”: “tsc -w”

start、dev 和 build 命令,是时候创建 tsconfig.json 文件了。 让我们使用以下命令创建文件并添加其内容。

nano tsconfig.json

让我们将以下内容添加到打开的页面中。

完成所有设置后,是时候提升我们的快递服务器了。 让我们在项目目录中创建一个名为“app.ts”的文件并启动 express。

七爪源码:使用 Typescript 创建 Nodejs Express 项目

让我们运行并测试。 请按顺序执行以下命令。

npm install
npm run build
npm start

如果一切顺利,您将看到如下所示的结果。

Application is listen 3000

您可以通过在浏览器中转到“localhost:3000”来查看结果。 结果应该如下所示。

{success:true, message:”Hello world”}
发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章