环境配置

1. 安装 Node.js

TypeScript 是 JavaScript 的一个超集，因此需要 Node.js 环境。首先，你需要从 Node.js 官网 下载并安装适合你操作系统的 Node.js 版本。

安装完成后，打开命令行工具（如 Windows 的 PowerShell 或 Linux 的终端），输入以下命令检查 Node.js 是否安装成功：

node -v
npm -v

如果命令行工具正确显示版本号，说明 Node.js 安装成功。

2. 安装 TypeScript

接下来，你需要安装 TypeScript。在命令行工具中，输入以下命令：

npm install -g typescript

安装完成后，再次输入以下命令检查 TypeScript 是否安装成功：

tsc -v

如果命令行工具正确显示版本号，说明 TypeScript 安装成功。

项目初始化

1. 创建项目目录

首先，你需要创建一个用于存放项目的目录。在命令行工具中，输入以下命令：

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

2. 初始化项目

在项目目录中，输入以下命令初始化一个新的 npm 项目：

npm init -y

这将创建一个名为 package.json 的文件，其中包含了项目的依赖信息和配置信息。

3. 安装 TypeScript 相关依赖

为了使用 TypeScript，你需要安装一些相关的依赖。在命令行工具中，输入以下命令：

npm install --save-dev typescript ts-node @types/node

这些依赖包括：

  • typescript：TypeScript 编译器
  • ts-node：允许你在 Node.js 环境中直接运行 TypeScript 代码
  • @types/node：为 Node.js 提供类型定义

4. 配置 TypeScript

在项目目录中，创建一个名为 tsconfig.json 的文件，用于配置 TypeScript 编译器。以下是 tsconfig.json 的一个基本示例：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["src"]
}

这里，我们设置了编译目标为 ES5，模块为 CommonJS，开启了严格模式，并允许导入非 ES 模块。

5. 创建源代码目录

在项目目录中，创建一个名为 src 的目录，用于存放 TypeScript 代码。

6. 编写 TypeScript 代码

在 src 目录中，创建一个名为 index.ts 的文件，并编写以下 TypeScript 代码：

console.log('Hello, TypeScript!');

7. 运行 TypeScript 代码

在命令行工具中，输入以下命令运行 TypeScript 代码：

ts-node src/index.ts

如果一切正常，你将在命令行工具中看到以下输出：

Hello, TypeScript!

总结

通过以上步骤，你已经成功搭建了一个 TypeScript 项目。接下来，你可以根据需要添加更多功能，例如使用模块、类、接口等。希望这篇文章能帮助你轻松上手 TypeScript！