TSC 是 TypeScript 编译器,用于将 TypeScript 编译成 JavaScript。它是由微软公司开发的,并且可通过 npm 安装到本地开发环境。在本文中,我们将探讨如何使用 TSC 来构建 TypeScript 应用程序。
安装 TSC
在安装 TSC 之前,您需要先安装 Node.js 和 npm。然后通过以下命令来安装 TSC:
npm install -g typescript
通过 -g 标志,TSC 将被安装到全局环境中。这使得您可以在命令行界面中任意位置使用 tsc 命令。
TSC 命令行
在使用 TSC 之前,我们需要先了解一些基本的命令行选项。TSC 的基本使用方式如下:
tsc [options] [file(s)]
其中,选项是一些以“-”或“--”开头的命令行参数,可以对 TSC 的行为进行配置。文件是要编译的 TypeScript 源代码。
以下是常用的 TSC 命令行选项:
- --target:指定 ECMAScript 目标版本,例如 "ES5" 或 "ES2015"。
- --module:指定模块格式,例如 "commonjs" 或 "amd"。
- --watch:在更改源文件时自动重新编译。
- --outDir:输出目录。
- --sourceMap:生成源映射文件。
- --jsx:指定 JSX 生成的代码类型。
编译 TypeScript 应用程序
让我们创建一个简单的 TypeScript 应用程序 hello.ts, TSC 将会将其编译成 JavaScript。
// hello.ts function sayHello(name: string) { console.log(`Hello, ${name}!`); } sayHello("TypeScript");
使用 tsc 命令进行编译:
tsc hello.ts
它将创建一个新的 js 文件,名为 hello.js,它包含以下内容:
// hello.js function sayHello(name) { console.log("Hello, " + name + "!"); } sayHello("TypeScript");
输出的 JS 代码可以在任何支持 JavaScript 的浏览器或运行时环境中执行。
配置文件
使用命令行参数配置 TSC 意味着每次编译都需要输入大量的选项。因此,使用配置文件可以更方便地管理应用程序的编译设置。
TSC 支持 tsconfig.json 配置文件,可以在应用程序的根目录下创建并命名为 tsconfig.json:
-- -------------------- ---- ------- - ------------------ - --------- ------ --------- ----------- --------- ------- ------------ ---- -- ---------- - ------------- -- ---------- - -------------- - -
在上面的配置文件中,我们指定了编译设置,并且将 "src" 目录中的所有 TypeScript 文件包含在内。"node_modules" 目录中的文件将被排除在外。在根目录下运行以下命令来编译整个应用程序:
tsc
TSC 将会从 tsconfig.json 文件中读取编译选项并编译整个应用程序。
结论
TSC 是 TypeScript 的编译器,可将 TypeScript 编译成 JavaScript。为了更便于管理编译选项,TSC 支持 tsconfig.json 配置文件。希望本文能够帮助您更好地使用 TSC 构建 TypeScript 应用程序。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/69492