1. 准备工作
在开始搭建TypeScript项目之前，你需要确保以下准备工作已经完成：
- 安装Node.js：TypeScript是基于Node.js的，因此首先需要安装Node.js。你可以从Node.js官网下载并安装适合你操作系统的版本。
- 安装npm：Node.js会自带npm（Node Package Manager），如果你使用的是最新版本的Node.js，那么npm已经安装好了。
- 安装Visual Studio Code：推荐使用Visual Studio Code（VS Code）作为开发环境，它提供了丰富的TypeScript支持。
2. 创建TypeScript项目
2.1 初始化项目
打开命令行工具，进入你想要创建项目的目录，然后执行以下命令：
npm init -y
这个命令会创建一个package.json文件，其中包含了项目的元数据和依赖信息。
2.2 安装TypeScript
在项目目录下，执行以下命令来安装TypeScript：
npm install typescript --save-dev
这个命令会将TypeScript添加到项目的devDependencies中，这意味着它只会在开发过程中被使用。
2.3 配置TypeScript
TypeScript需要一个配置文件来告诉它如何编译你的代码。在项目目录下，执行以下命令来生成一个tsconfig.json文件：
npx tsc --init
这个命令会打开一个交互式界面，让你选择不同的配置选项。对于初学者来说，默认选项通常是足够的。
2.4 编写TypeScript代码
在项目目录下创建一个名为src的文件夹，并在其中创建一个名为index.ts的文件。这是一个TypeScript文件，你可以在这里编写你的代码。
// src/index.ts
console.log('Hello, TypeScript!');
2.5 编译TypeScript
在命令行工具中，执行以下命令来编译你的TypeScript代码：
npx tsc
这个命令会将src/index.ts编译成dist/index.js，这个文件可以被Node.js或其他JavaScript环境执行。
3. 运行TypeScript项目
3.1 创建启动脚本
在package.json文件中，添加一个启动脚本：
"scripts": {
"start": "node dist/index.js"
}
3.2 运行项目
在命令行工具中，执行以下命令来运行你的TypeScript项目：
npm start
你应该会在命令行中看到“Hello, TypeScript!”的输出。
4. 扩展你的TypeScript项目
现在你已经成功搭建了一个基本的TypeScript项目，你可以开始添加更多的功能，比如：
- 添加模块：将你的代码分割成模块，以便更好地组织和管理。
- 使用TypeScript类型：为你的变量和函数添加类型，提高代码的可读性和健壮性。
- 添加测试：编写测试用例来确保你的代码按预期工作。
通过这些步骤，你可以从零开始搭建一个TypeScript项目，并逐步扩展它以满足你的需求。记住，TypeScript是一个强大的工具，可以帮助你写出更清晰、更健壮的代码。