安装 Typescript

Typescript 官网地址: https://www.typescriptlang.org/zh/

使用 NPM 安装 typescript

npm install -g typescript

使用 typescript compiler （tsc）命令

• tsc 命令可以把 .ts 文件编译成 .js 文件。
• 编译器会在编译过程中找出 typescript 定义的错误。
• 编译产物与源文件同名，生成在源文件目录下。
• 有时候就算编译报错，编译产物也会生成，并且可以运行。

# 查看 tsc 版本
tsc -v
# 编译 ts 文件
tsc fileName.ts

编译示例：

// test-tsc.ts
{
    const hello = (name) => {
        return `Hello, ${name}!`;
    };

    console.log(hello('Kevyn'));
}

运行编译命令之后，我们可以得到如下的 js 文件：

// test-tsc.js: 编译产物
{
    var hello = function (name) {
        return "Hello, ".concat(name, "!");
    };
    console.log(hello('Kevyn'));
}

🅰️：在 VS Code 中编写代码时是可以看到 tsc 带来的报错的，但是报错似乎是跨文件的，如果你在两个 script 文件中声明了同名的变量（ 不论是 ts 还是 js），变量名称会被标红。这个特性似乎只在你在编辑器中打开了那两个文件时才会出现，一开始，我是在同时打开 test-tsc.ts 和 test-tsc.js 时发现这个现象的。只需要像上面的示例代码那样，在文件头尾套上花括号，将文件封闭为一个独立的代码块，这种检查特性就不会出现了。

接下来就可以使用 node 运行编译出来的同名 js 文件了。

node fileName.js

使用 ts-node 命令直接运行 TS 脚本

更方便地，我们可以使用 ts-node 直接运行 TS 脚本，该模块可以通过 NPM 安装。

npm install -g ts-node

然后我们就可以使用该命令来运行 ts 文件，而不用在硬盘当前位置产生编译产物。

ts-node fileName.ts