将 TypeScript 编译为 JavaScript ES6

TypeScript 是一个由 Microsoft 推出的开源编程语言，它是 JavaScript 的一个超集，而且 TypeScript 在语言上面比 JavaScript 更加严谨、更加强大。TypeScript 可以为大型的 JavaScript 应用带来更加稳定的代码，同时还支持类、接口、泛型、枚举等语言特性。而 TypeScript 的代码需要编译成普通的 JavaScript 才能在浏览器或者 Node.js 等 JavaScript 环境里面运行。

安装 TypeScript

首先需要在本地电脑（或服务器）安装 TypeScript。可以使用 npm（Node.js 的包管理器）命令进行安装：

npm install typescript -g

这个命令安装 TypeScript 并且让它在全局环境下面使用。如果出现权限问题，则需要使用 sudo 命令来安装。

编译 TypeScript 代码

编译 TypeScript 代码的方式非常简单:使用tsc命令将 TypeScript 文件编译成 JavaScript 文件,例如：

tsc yourfilename.ts

在这里，'yourfilename' 表示 TypeScript 文件的名称。当这个命令执行完成，它会在相同目录下面生成一个与 TypeScript 文件同名但是扩展名为 .js 的文件。

如果要同时编译多个 TypeScript 文件，可以使用下面的命令：

tsc file1.ts file2.ts file3.ts

这个命令将会同时编译所有的 TypeScript 文件。

编辑 TypeScript 配置文件

TypeScript 支持配置文件，这个配置文件可以用来对不同的编译选项进行设置。为了生成一个配置文件，可以使用tsc --init命令。

tsc --init

这个命令会在当前目录下面生成一个 tsconfig.json 文件。tsconfig.json 是一个非常重要的配置文件，它可以用来对 TypeScript 的编译选项进行设置。编译选项包括：target、module、outDir、sourceMap、watch 等等。

下面是一个简单的 tsconfig.json 配置文件：

{
    "compilerOptions": {
        "target": "es6",
        "outDir": "dist",
        "module": "commonjs",
        "sourceMap": true,
        "watch": true
    }
}

上述配置文件告诉 TypeScript 编译器将 TypeScript 编译成 ES6 JavaScript，将编译后的 JavaScript 文件保存在 dist 目录下面，使用 commonjs 来进行模块化，生成 sourceMap 以方便调试，以及开启 watch（观察模式）。

将 TypeScript 编译成 ES6 JavaScript

TypeScript 编译器会将 TypeScript 代码编译成多个版本的 JavaScript，包括 ES3、ES5、ES6 等等。如果希望将 TypeScript 代码编译成 ES6 JavaScript，可以在 tsconfig.json 文件中设置 target 选项。

{
    "compilerOptions": {
        "target": "es6"
    }
}

总结

通过使用 TypeScript，可以为 JavaScript 应用带来更好的编码体验和更稳定的代码。使用 TypeScript 编写的代码需要通过 TypeScript 编译器编译成普通的 JavaScript 才能被浏览器或者 Node.js 等 JavaScript 环境执行。可以在命令行下面使用tsc命令编译 TypeScript 代码，也可以使用tsc --init命令生成一个用于配置编译选项的tsconfig.json配置文件。可以通过在tsconfig.json文件中设置target选项将 TypeScript 编译成 ES6 JavaScript。