TypeScript 转 JavaScript 的配置与编译步骤

作者:代码拾荒

时间:2026-10-25

浏览:596

本文介绍如何将 TypeScript 代码转换为 JavaScript。首先通过 cnpm 全局安装 TypeScript,然后在终端执行 tsc --init 生成 tsconfig.json 配置文件。接着在配置文件中指定输出路径,最后通过 VS Code 终端运行 tsc:watch 任务自动编译生成对应的 JS 文件。

文章目录

全局安装 TypeScript

首先,需要在系统中全局安装 TypeScript 编译器。

cnpm install -g typescript

生成配置文件与设置输出路径

打开 VS Code 的终端窗口,输入命令 tsc --init 并执行。

全局安装 TypeScript

执行上述命令后,项目根目录下会自动生成一个名为 tsconfig.json 的配置文件。

打开该配置文件,找到并配置 JavaScript 的输出目录路径。

全局安装 TypeScript

执行编译任务

在 VS Code 菜单栏中,依次点击“终端” -> “运行任务”。

全局安装 TypeScript

在任务列表中选择 tsc:watch 选项。

全局安装 TypeScript

此时,之前配置的目标 JS 目录中便会自动生成与 TS 文件对应的 JavaScript 文件。

至此,TypeScript 转换为 JavaScript 的基本流程已完成。如需了解更多相关内容,可查阅本站过往文章或继续浏览后续教程,感谢支持。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章