环境配置篇

1. 安装Node.js和npm

首先，你需要安装Node.js和npm（Node.js包管理器）。你可以从Node.js官网下载并安装适合你操作系统的版本。安装完成后，打开命令行工具，输入node -v和npm -v来验证是否安装成功。

2. 安装TypeScript

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

npm install -g typescript

安装完成后，同样在命令行中输入tsc -v来验证TypeScript是否安装成功。

3. 配置TypeScript编译选项

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

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

这里，target指定了编译后的JavaScript版本，module指定了模块系统，strict开启了所有严格类型检查选项，esModuleInterop允许导入非ES模块。

代码实践篇

1. 创建项目结构

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

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

2. 编写TypeScript代码

在src/index.ts文件中，编写以下代码：

import { add } from './utils/helper';

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

在src/utils/helper.ts文件中，编写以下代码：

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

3. 编译TypeScript代码

在命令行中，进入项目根目录并运行以下命令来编译TypeScript代码：

tsc

编译完成后，会在项目根目录下生成一个dist文件夹，其中包含了编译后的JavaScript代码。

4. 运行项目

在命令行中，进入dist文件夹并运行以下命令来启动项目：

node index.js

此时，你应该能在控制台看到输出结果。

总结

通过以上步骤，你已经成功搭建了一个高效的TypeScript项目。在实际开发中，你可以根据需要添加更多的文件和目录，以及引入更多的TypeScript特性。希望这篇文章能帮助你轻松上手TypeScript开发。