如何将 TS 编译成 JS

TypeScript（TS）是一种由微软开发的超集语言，它在 JavaScript（JS）的基础上增加了静态类型和其他特性。将 TS 编译成 JS 是为了在浏览器或 Node.js 环境中运行，因为这些环境只支持 JS。

编译步骤

  1. 安装 TypeScript：

    1
    npm install -g typescript

  2. 创建 TS 文件 ：
    创建一个以 .ts 结尾的文件，例如 app.ts。

  3. 编译 TS 到 JS：
    使用命令行编译 TS 文件：

    1
    tsc app.ts

    这将生成一个同名的 .js 文件（例如 app.js）。

  4. 配置 tsconfig.json（可选）：
    在项目根目录创建 tsconfig.json 文件，以配置编译选项和文件夹结构。

编译选项对比

选项 描述 默认值
target 指定输出的 JavaScript 版本 ES5
module 指定生成代码使用的模块系统 CommonJS
outDir 指定输出目录 ./dist
strict 启用所有严格类型检查 false

为什么需要编译

  • 类型安全：捕获潜在错误，提高代码质量。
  • 现代特性支持：使用 ES6+ 特性，但兼容旧版环境。
  • 工具支持：更好的 IDE 集成和自动补全功能。

通过以上步骤，开发者可以有效地将 TypeScript 代码转换为 JavaScript，从而充分利用 TypeScript 的优势，同时保持与现有 JavaScript 生态系统的兼容性。