选择开发环境

首先，你需要一个合适的开发环境来编写和运行TypeScript代码。以下是一些流行的选择：

  • Visual Studio Code (VS Code)：一款轻量级但功能强大的代码编辑器，拥有丰富的插件支持。
  • WebStorm：由JetBrains开发的IDE，提供强大的TypeScript支持。
  • IntelliJ IDEA：也是JetBrains的产品，适用于Web和Java开发，同样对TypeScript有良好的支持。

安装Node.js和npm

TypeScript 是由 TypeScript 编译器编译成 JavaScript 的，而该编译器是基于 Node.js 开发的。因此，你首先需要安装 Node.js 和 npm（Node.js 包管理器）。

  1. 访问 Node.js 官网 下载并安装 Node.js。
  2. 打开命令行，运行 npm -v 或 node -v 确认 Node.js 安装成功。

安装TypeScript

使用 npm 安装 TypeScript：

npm install -g typescript

使用全局安装可以让你在任何文件夹中编译 TypeScript 代码。

创建项目目录

创建一个新的文件夹作为你的项目根目录：

mkdir my-typescript-project
cd my-typescript-project

初始化项目

在你的项目目录中创建一个名为 tsconfig.json 的文件，这是 TypeScript 配置文件。你可以通过以下命令生成一个基本的配置文件：

tsc --init

这个命令会生成一个 tsconfig.json 文件，里面包含了编译器的各种选项。你可以根据需要修改它。

编写第一个TypeScript文件

在你的项目根目录下创建一个名为 index.ts 的文件：

touch index.ts

在 index.ts 文件中，你可以编写一些简单的 TypeScript 代码，比如：

let greeting: string = 'Hello, TypeScript!';

console.log(greeting);

编译TypeScript代码

现在，使用 TypeScript 编译器编译 index.ts 文件：

tsc index.ts

如果你没有设置任何特殊配置，编译器将会在当前目录下生成一个 index.js 文件，它是编译后的 JavaScript 文件。

运行编译后的JavaScript

最后，使用 Node.js 运行编译后的 JavaScript 文件：

node index.js

你应该能看到控制台输出 “Hello, TypeScript!”。

使用模块和工具

随着你的项目增长，你可能需要引入模块和其他工具。以下是一些常用的方法：

  • 使用npm安装模块：使用 npm install <module-name> 命令安装所需的模块。
  • TypeScript声明文件：如果你需要使用非 TypeScript 模块，通常需要相应的声明文件。你可以在 DefinitelyTyped 上找到许多流行的 JavaScript 库的声明文件。

结语

你已经成功搭建了一个基本的 TypeScript 项目！随着你的项目不断发展，你将需要进一步学习和实践 TypeScript 的各种特性，如泛型、接口、装饰器等。保持好奇心和学习热情，TypeScript 会成为你强大的工具之一。