Node.js和Express中设置TypeScript的实现步骤

 更新时间:2023年11月28日 11:47:58   作者:wusp1994  
本文主要介绍了Node.js和Express中设置TypeScript的实现步骤文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

在这篇文章中,我们将介绍在Express应用程序中设置TypeScript的最佳方法,了解与之相关的基本限制。

创建初始文件夹和package.json

mkdir node-express-typescript
cd node-express-typescript
npm init --yes

在初始化package.json文件之后,新创建的文件可能会像下面的代码一样:

{
  "name": "Your File Name",
  "version": "1.0.0",
  "description": "",
  "main": "index.ts", // 将入口点从js更改为.ts
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "type": "module",
  "keywords": [],
  "author": "",
  "license": "ISC"
}

安装TypeScript和其他依赖项

npm install express mongoose cors mongodb dotenv
npm install  -D typescript ts-node-dev @types/express @types/cors

生成tsconfig.json文件

npx tsc --init

上述命令将生成一个名为tsconfig.json的新文件,其中包含以下默认的编译器选项:

target: es2016
module: commonjs
strict: true
esModuleInterop: true
skipLibCheck: true
forceConsistentCasingInFileNames: true
  • 在打开tsconfig.json文件后,您会看到许多其他被注释掉的编译器选项。在tsconfig.json中,compilerOptions是一个必填字段,需要指定。

    • 将rootDir和outDir设置为src和dist文件夹
{
  "compilerOptions": {
    "outDir": "./dist"

    // other options remain same
  }
}

使用.ts扩展名创建一个Express服务器

创建一个名为index.ts的文件并打开它

import express, { Express, Request, Response , Application } from 'express';
import dotenv from 'dotenv';

//For env File 
dotenv.config();

const app: Application = express();
const port = process.env.PORT || 8000;

app.get('/', (req: Request, res: Response) => {
  res.send('Welcome to Express & TypeScript Server');
});

app.listen(port, () => {
  console.log(`Server is Fire at http://localhost:${port}`);
});

监听文件更改并构建目录

npm install  nodemon

安装这些开发依赖项后,更新package.json文件中的脚本:

{

  "scripts": {
    "build": "npx tsc",
    "start": "node dist/index.js",
    "dev": "nodemon index.ts"
  }
}

运行代码

npm run dev 

如果一切正常,您将在控制台中看到以下消息:
Server is Fire at http://localhost:8000

到此这篇关于Node.js和Express中设置TypeScript的实现步骤的文章就介绍到这了,更多相关Node和Express设置TypeScript内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 使用NVM管理Node版本的详细教程

    使用NVM管理Node版本的详细教程

    Node Version Manager(NVM)是一个非常流行的工具,用于在同一个系统上管理多个 Node.js 版本,NVM 允许你安装、使用和切换不同的 Node.js 版本,这对于开发人员来说非常有用,本文给大家介绍了使用NVM管理Node版本的详细教程,需要的朋友可以参考下
    2025-02-02
  • React+react-dropzone+node.js实现图片上传的示例代码

    React+react-dropzone+node.js实现图片上传的示例代码

    本篇文章主要介绍了React+react-dropzone+node.js实现图片上传的示例代码,非常具有实用价值,需要的朋友可以参考下
    2017-08-08
  • 将node安装到其他盘的超详细步骤与说明

    将node安装到其他盘的超详细步骤与说明

    基本现在很多主流的前端框架都用了node.js 但是node装起来确实头疼,下面这篇文章主要给大家介绍了关于如何将node安装到其他盘的超详细步骤与说明,需要的朋友可以参考下
    2023-06-06
  • node版本升级npm命令警告原因及解决

    node版本升级npm命令警告原因及解决

    这篇文章主要为大家介绍了node版本升级npm命令警告原因解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • ajax+node+request爬取网络图片的实例(宅男福利)

    ajax+node+request爬取网络图片的实例(宅男福利)

    下面小编就为大家带来一篇ajax+node+request爬取网络图片的实例(宅男福利)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • node.js使用require()函数加载模块

    node.js使用require()函数加载模块

    本文通过几个具体实例来分析node.js中使用require()函数来加载模块的方法。非常的详尽,给需要的小伙伴们参考下吧
    2014-11-11
  • node实现批量上传本地图片转为图片CDN的项目实践

    node实现批量上传本地图片转为图片CDN的项目实践

    本文主要介绍了node实现批量上传本地图片转为图片CDN的项目实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07
  • windows系统下安装yarn的详细教程

    windows系统下安装yarn的详细教程

    yarn是一个新的JS包管理工具,它的出现是为了弥补npm的一些缺陷,下面这篇文章主要给大家介绍了关于windows系统下安装yarn的详细教程,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2023-02-02
  • Egret引擎开发指南之运行项目

    Egret引擎开发指南之运行项目

    Egret Framework是一款使用TypeScript语言构建的开源免费的移动游戏框架。Egret Framework的核心定位是开放,高效,优雅。通过它,你可以快速地创建HTML5类型的移动游戏,也可以将游戏项目编译输出成为目标移动平台的原生游戏应用。
    2014-09-09
  • 使用travis-ci如何持续部署node.js应用详解

    使用travis-ci如何持续部署node.js应用详解

    最近在学习使用 travis-ci 对项目进行持续集成测试,所以下面这篇文章主要给大家介绍了关于使用travis-ci如何持续部署node.js应用的相关资料,文中介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-07-07

最新评论