搭建TypeScript项目是一个循序渐进的过程，从环境配置到项目结构创建，再到编写第一个TypeScript文件，每一个步骤都至关重要。下面，我将带你一步步完成这个过程。

环境配置

安装Node.js和npm

首先，确保你的电脑上已经安装了Node.js和npm。Node.js是一个基于Chrome的V8引擎的JavaScript运行环境，而npm（Node Package Manager）则是Node.js的包管理器。

  • 下载Node.js并安装：Node.js官网
  • 检查安装：在命令行中输入node -v和npm -v，确保它们返回正确的版本号。

安装TypeScript

接下来，你需要安装TypeScript编译器（也称为tsc），它是TypeScript的核心工具。

npm install -g typescript

安装完成后，再次检查安装：

tsc --version

确保返回正确的版本号。

创建项目结构

创建项目文件夹

首先，创建一个新文件夹来存放你的TypeScript项目：

mkdir mytypescriptproject
cd mytypescriptproject

初始化npm

接下来，初始化npm，这将为你的项目创建一个package.json文件。

npm init -y

这里使用了-y参数来自动填充默认值。

创建源码目录

为了更好地管理项目，我们将创建一个名为src的目录来存放源代码。

mkdir src

编写第一个TypeScript文件

创建入口文件

在src目录下创建一个名为index.ts的文件，它将是你的项目的入口文件。

touch src/index.ts

编写TypeScript代码

现在，让我们打开index.ts文件并编写一些TypeScript代码。

// src/index.ts

// 定义一个简单的函数，输出问候语
function greet(name: string): void {
    console.log(`Hello, ${name}!`);
}

// 调用函数
greet('World');

在这个例子中，我们定义了一个名为greet的函数，它接受一个名为name的字符串参数，并输出一条问候语。然后，我们调用这个函数，将'World'作为参数传递。

编译TypeScript代码

使用tsc命令编译你的TypeScript代码。

tsc src/index.ts

这将生成一个index.js文件，它是编译后的JavaScript代码。

运行编译后的JavaScript代码

最后，使用Node.js运行编译后的JavaScript代码。

node dist/index.js

你应该会看到如下输出：

Hello, World!

恭喜你！你已经成功地从零开始搭建了一个TypeScript项目，并编写了你的第一个TypeScript文件。在接下来的学习中，你将能够更深入地了解TypeScript的类型系统、模块、装饰器等高级特性。