环境配置篇

1. 安装Node.js和npm

首先，你需要安装Node.js和npm（Node.js包管理器）。你可以从Node.js官网下载适合你操作系统的安装包，并按照提示完成安装。

安装完成后，打开命令行工具，输入以下命令检查是否安装成功：

node -v
npm -v

如果显示版本号，说明安装成功。

2. 安装TypeScript

接下来，你需要安装TypeScript。同样地，你可以从TypeScript官网下载安装包，并按照提示完成安装。

安装完成后，打开命令行工具，输入以下命令检查是否安装成功：

tsc -v

如果显示版本号，说明安装成功。

3. 配置环境变量

为了方便使用TypeScript，我们需要配置环境变量。在Windows系统中，你可以通过以下步骤进行配置：

  1. 右键点击“此电脑”选择“属性”。
  2. 点击“高级系统设置”。
  3. 在“系统属性”窗口中，点击“环境变量”按钮。
  4. 在“系统变量”中，找到“Path”变量，点击“编辑”。
  5. 在变量值中添加以下路径：
C:\Program Files\nodejs\node_modules\npm\node_modules\typescript\lib

在macOS和Linux系统中，你可以在终端中执行以下命令：

export PATH=$PATH:/path/to/typescript/lib

其中，/path/to/typescript/lib是TypeScript的安装路径。

基础结构篇

1. 创建项目目录

在命令行工具中，进入你想要创建项目的目录，并执行以下命令创建项目目录：

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

2. 初始化项目

在项目目录中，执行以下命令初始化项目：

npm init -y

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

3. 创建TypeScript配置文件

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

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true
  }
}

4. 编写TypeScript代码

在项目目录中，创建一个名为index.ts的文件，并编写你的TypeScript代码。以下是一个简单的示例：

function greet(name: string): string {
  return `Hello, ${name}!`;
}

console.log(greet('World'));

5. 编译TypeScript代码

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

tsc

这将生成一个名为index.js的文件，其中包含了编译后的JavaScript代码。

6. 运行项目

在命令行工具中，执行以下命令运行项目：

node index.js

如果一切顺利，你将在控制台看到以下输出：

Hello, World!

总结

通过以上步骤，你已经成功搭建了一个TypeScript项目。你可以根据需要添加更多的文件和依赖，开始你的TypeScript编程之旅。祝你学习愉快！