环境配置

1. 安装Node.js和npm

首先，你需要确保你的计算机上安装了Node.js和npm。Node.js是一个基于Chrome的V8引擎的JavaScript运行环境，npm是Node.js的包管理器。

步骤：

  • 访问Node.js官网
  • 下载并安装适合你操作系统的版本
  • 打开命令行工具，输入node -v和npm -v，确认安装成功

2. 安装TypeScript

接下来，你需要安装TypeScript编译器。TypeScript是一种由微软开发的静态类型JavaScript的超集。

步骤：

  • 在命令行中输入以下命令： 
    
npm install -g typescript
  • 安装完成后，输入tsc -v检查TypeScript版本是否正确

3. 配置TypeScript编译器

为了使TypeScript编译器能够编译你的项目，你需要创建一个tsconfig.json文件。

步骤：

  • 在你的项目根目录下，创建一个名为tsconfig.json的文件
  • 编辑该文件，配置你的项目设置。以下是一个基本的tsconfig.json示例：
  {
    "compilerOptions": {
      "target": "es5",
      "module": "commonjs",
      "strict": true,
      "esModuleInterop": true
    }
  }

初步构建

1. 创建项目结构

在你的项目根目录下，创建以下基本文件和目录：

src/
|-- index.ts
|-- utils/

2. 编写代码

在src/index.ts文件中，编写你的TypeScript代码。以下是一个简单的示例：

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

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

在src/utils/add.ts文件中，定义你的函数：

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

3. 编译项目

在命令行中，进入项目根目录，并执行以下命令：

tsc

这将会编译你的TypeScript代码，并生成相应的JavaScript文件。在dist目录中，你会找到编译后的JavaScript文件。

4. 运行项目

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

node dist/index.js

现在，你应该能看到控制台输出了3。

总结

通过以上步骤，你已经成功搭建了一个基本的TypeScript项目。在实际开发中，你还可以根据需要添加更多的工具和插件，例如Webpack、Babel等，来优化你的开发流程。希望这份指南对你有所帮助！