环境配置篇

1. 安装Node.js

首先，你需要安装Node.js，因为TypeScript需要Node.js的运行环境。你可以从Node.js的官网下载安装程序，或者使用包管理工具如Homebrew（macOS）或 Chocolatey（Windows）进行安装。

  • macOS: 
    
brew install node
  • Windows: 
    
npm install -g n
n stable

安装完成后，可以通过命令 node -v 和 npm -v 验证Node.js和npm的版本。

2. 安装TypeScript

接下来，你需要安装TypeScript编译器。可以通过npm全局安装TypeScript：

npm install -g typescript

安装完成后，使用 tsc -v 命令查看TypeScript的版本。

3. 配置tsconfig.json

TypeScript编译器会读取项目根目录下的 tsconfig.json 文件来决定如何编译项目。以下是 tsconfig.json 的基本结构：

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

这里，compilerOptions 定义了编译器的一些基本选项，如目标JavaScript版本、模块系统等。include 和 exclude 用于指定编译器需要包含和排除的文件。

开发篇

1. 创建项目结构

创建一个项目文件夹，并在其中创建以下目录：

my-typescript-project/
├── src/
│   ├── index.ts
│   └── utils/
│       └── helpers.ts
├── tsconfig.json
└── package.json

在 src/index.ts 中，你可以开始编写你的TypeScript代码：

// src/index.ts
import { add } from './utils/helpers';

console.log(add(1, 2)); // 输出: 3

在 src/utils/helpers.ts 中，你可以定义一些工具函数：

// src/utils/helpers.ts
export function add(a: number, b: number): number {
  return a + b;
}

2. 编译TypeScript

在项目根目录下，使用以下命令编译TypeScript：

tsc

这将在 dist/ 目录下生成编译后的JavaScript文件。

3. 运行项目

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

node dist/index.js

开发调试篇

1. 使用断点调试

如果你使用的是Visual Studio Code，可以设置断点来调试TypeScript代码。在代码行左侧边缘，点击添加一个红色圆点即可设置断点。

2. 使用调试配置

在VS Code中，你可以创建一个 .vscode/launch.json 文件来配置调试选项。以下是一个基本的配置示例：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/dist/index.js",
      "outFiles": ["${workspaceFolder}/dist/**/*.js"],
      "runtimeArgs": ["--nolazy"],
      "nodeArgs": ["--inspect"],
      "env": {
        "NODE_ENV": "development"
      }
    }
  ]
}

设置完成后，你可以使用 F5 或点击工具栏的绿色三角形启动调试。

总结

通过以上步骤，你可以成功搭建一个TypeScript项目，并对其进行开发和调试。记住，TypeScript是一种静态类型语言，它可以帮助你发现潜在的错误，并提高代码的可维护性。希望这篇文章能帮助你快速上手TypeScript开发。