导航
×
   ❮   
HTML CSS JavaScript PHP Python C C++ Go Sass W3C Colors TypeScript ECMS

TypeScript 入门


TypeScript 编译器

TypeScript 使用编译器将其转译为 JavaScript。

TypeScript 被转换为 JavaScript 意味着它可以在任何运行 JavaScript 的地方运行!


安装编译器

TypeScript 有一个官方编译器,可以通过 npm 进行安装。

了解更多关于 npm 以及如何开始的信息,请访问: 什么是 npm?

在你的 npm 项目中,运行以下命令来安装编译器

npm install typescript --save-dev

输出应类似于

added 1 package, and audited 2 packages in 2s
found 0 vulnerabilities

编译器安装在 node_modules 目录下,可以使用以下命令运行: npx tsc。

npx tsc

输出应类似于

版本 4.5.5
tsc: TypeScript 编译器 - 版本 4.5.5

之后是所有常用命令的列表。


配置编译器

默认情况下,TypeScript 编译器在空项目运行时会打印帮助信息。

可以使用 tsconfig.json 文件来配置编译器。

你可以让 TypeScript 创建一个带有推荐设置的 tsconfig.json 文件,命令如下:

npx tsc --init

输出应类似于

创建了一个新的 tsconfig.json 文件,其中包含:
TS
  target: es2016
  module: commonjs
  strict: true
  esModuleInterop: true
  skipLibCheck: true
  forceConsistentCasingInFileNames: true

你可以在 https://aka.ms/tsconfig.json 了解更多信息

以下是可以在 tsconfig.json 文件中添加的其他选项的实例

{
  "include": ["src"],
  "compilerOptions": {
    "outDir": "./build"
  }
}

你可以在编辑器中打开此文件以添加这些选项。这将配置 TypeScript 编译器将项目 src/ 目录中的 TypeScript 文件转译为 build/ 目录中的 JavaScript 文件。

这是快速上手 TypeScript 的一种方法。还有许多其他选项,例如 create-react-app 模板、node 入门项目 和 webpack 插件。


Copyright ©2026 蒙ICP备2026009383号 All Rights Reserved 提供的内容仅用于学习和测试,不保证内容的正确性。