环境配置

在开始搭建TypeScript项目之前，我们需要确保我们的开发环境已经准备好。以下是环境配置的步骤：

安装Node.js

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

安装完成后，可以通过在命令行中输入以下命令来验证Node.js是否安装成功：

node -v
npm -v

安装TypeScript

接下来，我们需要安装TypeScript编译器。可以通过以下命令全局安装TypeScript：

npm install -g typescript

安装完成后，使用以下命令验证TypeScript是否安装成功：

tsc -v

项目初始化

创建项目文件夹

在合适的位置创建一个新文件夹，用于存放你的TypeScript项目。

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

初始化npm项目

在项目文件夹中，初始化一个新的npm项目：

npm init -y

这将创建一个package.json文件，其中包含了项目的元数据和依赖信息。

安装TypeScript项目依赖

在你的项目中，我们需要安装TypeScript相关的依赖，例如typescript和ts-node。

npm install --save-dev typescript ts-node

基本设置

配置tsconfig.json

tsconfig.json是TypeScript项目的配置文件，它定义了编译器如何处理你的TypeScript代码。在项目根目录下创建一个名为tsconfig.json的文件，并添加以下内容：

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

这里我们设置了编译目标为ES5，模块为CommonJS，并且开启了严格模式。

创建源代码目录

在你的项目中创建一个名为src的目录，用于存放你的TypeScript源代码。

mkdir src

编写TypeScript代码

在src目录下创建一个名为index.ts的文件，并编写一些TypeScript代码作为示例：

// src/index.ts
function greet(name: string): string {
  return `Hello, ${name}!`;
}

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

编译TypeScript代码

使用TypeScript编译器编译你的TypeScript代码：

tsc

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

运行TypeScript代码

使用ts-node运行编译后的JavaScript代码：

npx ts-node src/index.ts

这将输出：

Hello, World!

至此，你已经成功搭建了一个基本的TypeScript项目，并编写了第一个TypeScript程序。你可以继续添加更多的文件和功能，以构建更复杂的TypeScript应用程序。