一文搞懂TypeScript的安装、使用、自动编译的教程

安装

TypeScript可以通过npm安装。打开终端并输入以下命令：

npm install -g typescript

这会全局安装TypeScript，你可以在任何地方访问它。

使用

编辑器

推荐使用Visual Studio Code编辑器，它有强大的TypeScript支持。

创建项目

首先要创建一个新项目文件夹，在终端中进入该文件夹，然后输入命令：

tsc --init

这个命令会为你创建一个TypeScript配置文件 tsconfig.json，你可以通过修改这个文件中的设置来控制 TypeScript 的编译过程。

接着用以下命令编译 TypeScript 文件：

tsc index.ts

这只会将 index.ts 文件编译为 index.js，你需要手动运行它。

自动编译

当你修改了 TypeScript 文件后，重新编译它是很麻烦的。你可以使用以下命令自动监视 TypeScript 文件的更改并且自动重新编译：

tsc --watch

例子1

让我们用一个简单的例子来演示 TypeScript。创建一个 index.ts 文件，输入以下代码：

function greet(name: string) {
    console.log(`Hello, ${name}!`);
}

greet('TypeScript');

然后，在终端中输入一下命令：

tsc index.ts
node index.js

你会看到 "Hello, TypeScript!"输出在控制台上。

例子2

让我们使用简单的类来演示 TypeScript。创建一个 car.ts 文件，输入以下代码：

class Car {
    private name: string;

    constructor(name: string) {
        this.name = name;
    }

    public start() {
        console.log(`${this.name} has started.`);
    }

    public stop() {
        console.log(`${this.name} has stopped.`);
    }
}

const myCar = new Car('My Car');
myCar.start();
myCar.stop();

然后，在终端中输入以下命令：

tsc car.ts
node car.js

你会看到 "My Car has started." 和 "My Car has stopped."输出在控制台上。

结论

现在你已经知道了如何安装、使用和自动编译 TypeScript 了。记住要使用 tsconfig.json 控制 TypeScript 的编译过程，并且尝试使用在 Visual Studio Code 上使用 TypeScript，它有强大的支持，能够帮助你更轻松地使用 TypeScript。