准备工作

在开始搭建TypeScript项目之前，你需要以下准备工作：

  1. 安装Node.js：TypeScript是Node.js的一个模块，因此需要安装Node.js环境。可以从Node.js官网下载并安装最新版本的Node.js。

  2. 安装Visual Studio Code（VS Code）：虽然不是必须的，但VS Code是一个非常流行的代码编辑器，它提供了对TypeScript的良好支持。

  3. 安装TypeScript：通过npm（Node.js的包管理器）来安装TypeScript。

安装TypeScript

  1. 打开命令行工具（终端或命令提示符）。
  2. 运行以下命令安装TypeScript：
npm install -g typescript

这条命令会在全局范围内安装TypeScript编译器。

创建项目文件夹

  1. 打开你想要创建项目的文件夹。
  2. 使用命令行工具创建一个新的文件夹，例如：
mkdir mytypescriptproject
cd mytypescriptproject

初始化项目

  1. 在项目文件夹内，创建一个名为 tsconfig.json 的文件。这个文件是TypeScript项目的配置文件。
  2. 使用以下命令创建 tsconfig.json 并打开它：
touch tsconfig.json
code tsconfig.json
  1. 在打开的 tsconfig.json 文件中，输入以下内容：
{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["src"]
}

这里配置了TypeScript编译器的一些基本选项，比如目标JavaScript版本、模块系统等。

创建源文件夹

  1. 在项目文件夹内创建一个名为 src 的文件夹。所有TypeScript源代码将会放在这里。

编写第一个TypeScript文件

  1. 在 src 文件夹内，创建一个名为 app.ts 的文件。
  2. 在 app.ts 文件中，编写一个简单的TypeScript代码示例：
function greet(name: string): string {
  return `Hello, ${name}!`;
}

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

这个函数 greet 接受一个字符串参数并返回一个问候语。

编译TypeScript文件

  1. 回到命令行工具。
  2. 运行以下命令来编译TypeScript文件：
tsc

TypeScript编译器会将 src/app.ts 文件编译成JavaScript文件，并将它们放在 dist 文件夹中（如果尚未创建，它会被编译器自动创建）。

运行编译后的JavaScript代码

  1. 在命令行工具中，进入 dist 文件夹。
cd dist
  1. 使用Node.js运行编译后的JavaScript文件：
node app.js

你应该能在命令行看到输出的问候语：

Hello, TypeScript!

总结

通过以上步骤，你已经成功从零开始搭建了一个TypeScript项目。你可以在这个基础上继续添加更多功能，比如模块导入、接口、类等。记得每次修改TypeScript源代码后，都要重新编译并运行编译后的JavaScript文件。祝你在TypeScript的编程之旅中一切顺利！