搭建TypeScript项目，是许多前端开发者以及全栈工程师的必备技能。TypeScript作为一种静态类型语言，它可以提高JavaScript代码的可维护性和可靠性。下面，我将从零开始，带你一步步搭建一个TypeScript项目，包括环境配置、项目初始化以及基本设置。
一、环境配置
1. 安装Node.js
首先，你需要安装Node.js，因为TypeScript需要Node.js的环境来运行。你可以从Node.js官网（https://nodejs.org/）下载并安装最新版本的Node.js。安装完成后，打开命令行工具，输入`node -v和npm -v`检查是否安装成功。
2. 安装TypeScript
在命令行中，使用npm全局安装TypeScript：
npm install -g typescript
安装完成后，同样输入tsc -v来检查是否安装成功。
二、初始化TypeScript项目
1. 创建项目文件夹
首先，你需要为你的项目创建一个文件夹，比如typescript-project。
2. 初始化项目
进入项目文件夹，并初始化一个新的npm项目：
npm init -y
这将自动生成一个package.json文件，其中包含了项目的基本信息。
3. 安装TypeScript依赖
在package.json中，我们可以添加TypeScript相关的依赖。首先，安装tsc：
npm install typescript --save-dev
接着，安装ts-node来使TypeScript代码能在Node.js环境中直接运行：
npm install ts-node --save-dev
4. 创建TypeScript配置文件
在项目根目录下，创建一个名为tsconfig.json的文件。这是一个TypeScript项目的配置文件，它包含了编译器设置。你可以使用以下配置：
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"strict": true,
"esModuleInterop": true
},
"include": ["src/**/*"]
}
这个配置文件设置TypeScript的目标JavaScript版本为ES5，模块为CommonJS，开启了严格模式，并允许ES模块与CommonJS模块之间的互操作性。
三、基本设置
1. 创建源代码目录
在你的项目中，创建一个src目录来存放你的TypeScript源代码。
2. 编写第一个TypeScript文件
在src目录下，创建一个名为app.ts的文件。这是一个TypeScript文件的例子：
function sayHello(name: string): void {
console.log(`Hello, ${name}!`);
}
sayHello('World');
3. 运行TypeScript文件
使用tsc编译app.ts：
tsc app.ts
编译成功后，会生成一个app.js文件，你可以使用Node.js来运行它：
node app.js
你会在命令行中看到“Hello, World!”的输出。
通过以上步骤，你已经成功地从一个零开始搭建了一个TypeScript项目。接下来，你可以根据项目需求，添加更多的功能，例如安装包、设置预处理器等。希望这篇文章能够帮助你更好地理解如何搭建TypeScript项目。