新手如何在Node.js中使用TypeScript

前提条件

要跟随本教程前进--读者需要具备以下条件。

  • 在你的电脑上安装[Node.js]。
  • [对Node.js的基本了解]。
  • [对Typescript的基本了解]。

设置Node.js

一旦Node.js安装在计算机中,运行node –v ,以确认安装是否成功。

为了生成Node.js package.json文件,运行npm init 。这将引入关于你的项目的系统问题。这提示了你设置常规Node.js项目的方式。或者,运行npm init -y ,用默认值覆盖packages.json 文件。

设置Typescript

要在Node.js中设置Typescript,你需要Typescript依赖项。要安装Typescript编译器包,请运行以下命令。

1.全局安装Typescript编译器

        npm install -g typescript

        运行tsc --version 来确认是否安装了编译器。

2.项目的本地依赖中安装一个Typescript编译器。

        npm install -D typescript

创建一个Typescript配置文件

为了用Node.js初始化Typescript项目,在项目根目录下创建一个tsconfig.json文件。

该配置文件存储了Typescript编译器的选项。另外,你也可以运行tsc --init ,在你所在的任何目录下自动创建这个文件。

 这里是一个tsconfig.json 文件选项的例子。

{

    "compilerOptions": {                        

      "target": "es6",                              

      "module": "commonjs",                          

      "outDir": "./dist",                            

      "rootDir": "./src",                            

      "strict": true,

      "moduleResolution": "node",

      "esModuleInterop": true,                      

    },

    "exclude":[

      "./node_modules"

    ]

  }

现在运行下面的命令来执行该代码。

在开发环境中,每一次运行上述命令来编译和运行都是很烦人的。为了使这个过程更容易,你需要安装一个叫做ts-node 的包。

npm install -D ts-node

继续配置你的package.json 脚本标签并启动构建命令,如下图所示。

"scripts": { "start": "ts-node ./src/index.ts" }

现在你可以运行npm start 来执行index.ts 。而当你删除带有编译后的index.js 的dist文件夹,然后仍然运行npm start ,你会得到同样的结果。

使用包的Typescript

使用Typescript和Node.js的高潮是能够利用开源的NPM包和框架。让我来演示一下我们如何使用Typescript来开始与NPM包进行交互。

这个例子将设置Typescript与Express.js。你应该从NPM注册表中安装Express.js

要做到这一点,请运行npm install express

注意:在使用Node.js编写Typescript时,一定要确保安装了Node.js类型检查包

    npm install -D @types/node

 Node.js包是用JavaScript而不是Typescript编写的。为了获得其包的类型定义,你需要安装名为@types 的第三方包。

npm install -D @types/express

转载出处:如何在Node.js中使用TypeScript - 掘金 (juejin.cn)

  • 16
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Node.js,您可以使用require语句来导入模块,而不是使用import语句。这是因为Node.js使用的是CommonJS模块系统,而不是ES6模块系统。 如果您想在Node.js使用ES6模块系统,您可以使用Babel或TypeScript等工具进行转换。在Babel,您可以使用@babel/plugin-transform-modules-commonjs插件来将ES6模块转换为CommonJS模块。在TypeScript,您可以将模块设置为“commonjs”选项。 以下是一个使用Babel的示例: 1. 安装Babel和插件 使用npm安装Babel和@babel/plugin-transform-modules-commonjs插件: ``` npm install --save-dev @babel/core @babel/cli @babel/plugin-transform-modules-commonjs ``` 2. 创建Babel配置文件 在项目根目录下创建一个.babelrc文件,并添加以下配置: ``` { "presets": ["@babel/preset-env"], "plugins": ["@babel/plugin-transform-modules-commonjs"] } ``` 3. 转换代码 使用Babel CLI命令来转换代码: ``` npx babel src --out-dir dist ``` 这将把src目录的所有文件转换为dist目录的CommonJS模块。 4. 导入模块 在您的代码,您现在可以使用import语句来导入转换后的CommonJS模块: ``` import { foo } from './my-module'; ``` 注意:使用import语句需要在Node.js启用ES6模块,您可以在启动Node.js应用程序时使用--experimental-modules选项。例如: ``` node --experimental-modules app.js ``` 或者,您可以将"type": "module"添加到您的package.json文件,以启用ES6模块: ``` { "name": "my-app", "type": "module", "main": "index.js" } ``` 这样,您就可以使用import语句来导入模块,而无需使用Babel或TypeScript进行转换。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值