1. 环境准备

1.1 安装Node.js

首先，你需要安装Node.js，因为TypeScript是基于JavaScript的超集，而Node.js是JavaScript在服务器端的运行环境。你可以从Node.js的官网（https://nodejs.org/）下载适合你操作系统的安装包，并按照指示进行安装。

安装完成后，打开命令行窗口，输入以下命令检查Node.js的版本：

node -v
npm -v

确保版本是最新的。

1.2 安装TypeScript

接下来，你需要安装TypeScript编译器。你可以在命令行中使用npm全局安装：

npm install -g typescript

安装完成后，再次使用以下命令验证TypeScript的版本：

tsc -v

确保TypeScript编译器的版本是最新的。

2. 创建项目文件夹

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

mkdir mytypescriptproject
cd mytypescriptproject

3. 初始化项目

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

npm init -y

这个命令会创建一个名为package.json的文件，其中包含了项目的各种配置信息。

4. 添加TypeScript配置文件

在项目根目录下创建一个名为tsconfig.json的文件，这是TypeScript项目的配置文件。以下是tsconfig.json的基本内容：

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

这里解释一下各个配置选项的含义：

  • target: 指定编译后的JavaScript代码的兼容性版本。
  • module: 指定模块的解析方式。
  • strict: 启用所有严格类型检查选项。
  • esModuleInterop: 允许使用CommonJS模块并且自动带有默认导出。

include 属性指定了哪些文件将被编译。

5. 创建源代码文件夹

在项目根目录下创建一个名为src的文件夹，用于存放TypeScript源代码文件。

6. 编写源代码

在src文件夹中创建一个名为app.ts的文件，并编写一些TypeScript代码：

let message: string = "Hello, TypeScript!";
console.log(message);

7. 编译源代码

在命令行中，切换到项目根目录，并使用TypeScript编译器编译源代码：

tsc

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

8. 运行编译后的代码

现在，你可以使用Node.js运行编译后的JavaScript代码：

node dist/app.js

你应该会在命令行窗口看到输出：

Hello, TypeScript!

恭喜，你已经成功搭建了一个TypeScript项目！接下来，你可以在这个基础上继续开发你的TypeScript应用程序。