环境配置

安装Node.js

首先，我们需要确保计算机上安装了Node.js，因为TypeScript依赖于Node.js的包管理器npm或yarn。可以从Node.js官网（https://nodejs.org/）下载并安装。

安装TypeScript

安装TypeScript的步骤相对简单，打开命令行工具，执行以下命令：

npm install -g typescript
# 或者
yarn global add typescript

执行完上述命令后，你可以通过命令行输入tsc -v来检查TypeScript是否已成功安装，并显示版本信息。

初始化

创建项目文件夹

首先，在电脑上选择一个合适的目录，创建一个新的文件夹用于存放你的TypeScript项目。

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

初始化npm项目

在项目文件夹中，使用以下命令初始化一个新的npm项目：

npm init -y

这将创建一个名为package.json的文件，其中包含了项目的各种元数据。

配置TypeScript编译选项

接下来，我们需要创建一个名为tsconfig.json的文件，用于配置TypeScript的编译选项。以下是tsconfig.json的基本内容：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "outDir": "./dist",
    "rootDir": "./src",
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

这个配置文件定义了TypeScript的编译目标、模块系统、输出目录、源目录等选项。

模块化

在TypeScript中，模块化可以帮助我们组织代码，提高代码的可读性和可维护性。

创建模块

在项目根目录下创建一个名为src的文件夹，用于存放TypeScript源代码。然后，在src文件夹中创建多个文件，每个文件代表一个模块。

例如，我们可以创建一个名为math.ts的文件，用于定义数学相关的功能：

export function add(a: number, b: number): number {
  return a + b;
}

export function subtract(a: number, b: number): number {
  return a - b;
}

引入模块

在需要使用这些模块的文件中，使用import语句来引入模块。

例如，在另一个文件index.ts中，我们可以这样使用math.ts模块：

import { add, subtract } from "./math";

console.log(add(3, 4)); // 输出: 7
console.log(subtract(4, 3)); // 输出: 1

编译

在完成模块化后，我们需要编译TypeScript代码，生成可在浏览器或Node.js环境中运行的JavaScript代码。

编译TypeScript

在命令行工具中，执行以下命令来编译TypeScript代码：

tsc

这将根据tsconfig.json配置文件中的选项，将所有.ts文件编译成对应的.js文件，并放置在dist文件夹中。

运行编译后的代码

现在，你可以在浏览器或Node.js环境中运行编译后的JavaScript代码。例如，如果你使用Node.js，可以使用以下命令运行index.js：

node dist/index.js

输出结果：

7
1

至此，你已经成功地从零开始搭建了一个TypeScript项目，包括环境配置、初始化、模块化与编译。希望这篇文章对你有所帮助！