环境配置

1. 安装Node.js和npm

TypeScript是基于JavaScript的，因此首先需要安装Node.js和npm。你可以从Node.js官网下载适合你操作系统的安装包，然后按照提示完成安装。

安装完成后，可以通过命令行检查安装是否成功：

node -v
npm -v

确保Node.js和npm的版本都在推荐的范围内。

2. 安装TypeScript

安装TypeScript可以通过npm全局安装：

npm install -g typescript

安装完成后，可以通过以下命令检查TypeScript的版本：

tsc -v

3. 配置TypeScript

为了使TypeScript能够编译项目，你需要创建一个tsconfig.json文件。这个文件位于你的项目根目录下。

以下是一个简单的tsconfig.json配置示例：

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

在这个配置中，我们设置了编译目标为ES5，模块系统为CommonJS，以及启用严格模式。

开发环境搭建

1. 创建项目

使用以下命令创建一个新的TypeScript项目：

tsc --init

这将生成一个基本的tsconfig.json文件。

2. 添加项目结构

根据你的项目需求，创建相应的目录结构。例如：

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

在这个项目中，src目录包含了TypeScript源文件，而utils目录则用于存放辅助函数。

3. 编写TypeScript代码

在src目录下，你可以开始编写TypeScript代码。例如，index.ts文件可以如下所示：

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

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

utils/helpers.ts文件则包含了辅助函数的实现：

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

4. 编译TypeScript

使用以下命令编译TypeScript代码：

tsc

编译完成后，src目录下的.ts文件将被编译成.js文件，放置在dist目录下。

5. 运行项目

现在你可以运行编译后的JavaScript代码了。使用Node.js运行dist/index.js：

node dist/index.js

你将在控制台看到输出结果。

总结

通过以上步骤，你就可以快速搭建一个TypeScript项目，并开始编写TypeScript代码了。希望这篇攻略对你有所帮助。祝你编码愉快！