1. 准备工作
首先，确保你的电脑上已经安装了Node.js和npm（Node.js包管理器）。你可以从Node.js官网下载并安装最新版本的Node.js，它包含了npm。
1.1 检查Node.js和npm
打开命令行工具（如Terminal或命令提示符），输入以下命令来检查Node.js和npm的版本：
node -v
npm -v
确保输出的版本号是最新或至少是当前可用的版本。
2. 初始化TypeScript项目
使用npm初始化一个新的TypeScript项目。在命令行中，切换到你想创建项目的目录，然后执行以下命令：
npm init -y
这将创建一个package.json文件，其中包含了项目的基本信息。使用-y参数将自动填充默认值。
3. 安装TypeScript编译器
接下来，你需要安装TypeScript编译器（tsc）。在命令行中，运行：
npm install --save-dev typescript
这将把TypeScript编译器添加到package.json文件中的devDependencies部分，并将其安装到本地node_modules目录。
4. 创建TypeScript配置文件
创建一个.tsconfig.json文件，它是TypeScript项目的配置文件。在项目根目录下运行：
npx tsc --init
这将启动TypeScript配置文件的生成向导。你可以根据需要调整配置，但默认值通常对于新手来说是足够的。
5. 编写TypeScript代码
在项目根目录下创建一个名为src的文件夹，然后在这个文件夹中创建一个名为app.ts的文件。这是一个TypeScript源文件，你可以在这里编写你的TypeScript代码。
// src/app.ts
function greet(name: string): void {
console.log(`Hello, ${name}!`);
}
greet("World");
6. 编译TypeScript代码
在命令行中，切换到项目根目录，然后运行以下命令来编译TypeScript代码：
npx tsc
这将在dist文件夹中生成一个app.js文件，它是编译后的JavaScript文件，可以在浏览器或其他JavaScript环境中运行。
7. 创建HTML文件
创建一个名为index.html的文件在你的项目根目录，并添加以下内容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My TypeScript App</title>
</head>
<body>
<h1 id="greeting"></h1>
<script src="dist/app.js"></script>
</body>
</html>
这个HTML文件将加载编译后的JavaScript文件，并在页面上显示一条问候信息。
8. 运行你的TypeScript项目
在你的浏览器中打开index.html文件，你应该能看到“Hello, World!”的问候信息。恭喜你，你的第一个TypeScript项目已经成功运行了！
通过以上8步，你就可以从零开始搭建一个TypeScript项目了。随着你对TypeScript的熟悉，你可以探索更多高级特性和项目结构。记得在学习过程中不断实践和探索，这将帮助你更好地掌握TypeScript。