准备工作
在开始搭建TypeScript项目之前，我们需要确保以下几点准备工作已经完成：
- 安装Node.js：TypeScript是基于Node.js环境的，因此我们需要确保Node.js已经安装在电脑上。可以从Node.js官网下载并安装。
- 安装Visual Studio Code：虽然TypeScript可以在任何代码编辑器中运行，但Visual Studio Code（VS Code）是一款非常受欢迎的代码编辑器，它内置了对TypeScript的支持。
- 安装TypeScript：通过Node.js的包管理器npm，我们可以轻松安装TypeScript。在命令行中输入以下命令：
npm install -g typescript
安装完成后，可以通过以下命令检查TypeScript是否安装成功：
tsc --version
创建新项目
- 初始化新项目：在命令行中，进入你想要创建项目的文件夹，并运行以下命令：
npm init -y
这将创建一个package.json文件，其中包含了项目的配置信息。
- 安装TypeScript依赖：在项目文件夹中，运行以下命令安装TypeScript：
npm install --save-dev typescript
这会将TypeScript添加到项目的devDependencies中，表示它是一个开发依赖项。
- 配置TypeScript：接下来，我们需要创建一个TypeScript配置文件。在项目文件夹中运行以下命令：
npx tsc --init
这会生成一个tsconfig.json文件，其中包含了TypeScript编译器的配置。
编写TypeScript代码
创建源文件：在项目文件夹中创建一个新的
.ts文件，例如index.ts。编写代码：在
index.ts文件中，我们可以开始编写TypeScript代码。例如，下面是一个简单的TypeScript示例：
function greet(name: string): string {
return `Hello, ${name}!`;
}
console.log(greet('World'));
- 编译TypeScript代码：在命令行中，运行以下命令来编译TypeScript代码：
tsc
这将生成一个index.js文件，它包含了编译后的JavaScript代码。
- 运行JavaScript代码：在命令行中，运行以下命令来运行编译后的JavaScript代码：
node index.js
你应该会看到控制台输出“Hello, World!”。
使用npm scripts
为了更方便地运行TypeScript项目，我们可以在package.json文件中配置npm scripts。
- 编辑package.json：在
package.json文件中，找到scripts部分，并添加以下内容：
"scripts": {
"build": "tsc",
"start": "node index.js"
}
- 运行npm scripts：现在，你可以使用以下命令来运行TypeScript项目：
- 编译TypeScript代码：
npm run build - 运行JavaScript代码：
npm run start
结语
恭喜你，你已经成功搭建了自己的TypeScript项目！通过上述步骤，你学习了如何在Visual Studio Code中创建TypeScript项目，编写TypeScript代码，编译和运行TypeScript项目。这只是TypeScript学习的起点，希望你能在接下来的学习中不断进步！