准备工作
在开始搭建TypeScript项目之前，你需要准备以下几样东西：
- Node.js环境：TypeScript是基于Node.js的，所以首先需要安装Node.js。
- npm：Node.js自带npm（Node Package Manager），用于管理项目依赖。
- Visual Studio Code：推荐使用Visual Studio Code作为开发工具，它有很好的TypeScript支持。
安装TypeScript
- 打开终端或命令提示符。
- 输入以下命令安装TypeScript：
npm install -g typescript
安装完成后，你可以通过输入以下命令来验证是否安装成功：
tsc --version
创建项目目录
- 打开终端或命令提示符。
- 输入以下命令创建一个新目录：
mkdir my-typescript-project
cd my-typescript-project
初始化项目
- 在项目目录中，创建一个名为
tsconfig.json的文件，用于配置TypeScript编译选项。 - 输入以下命令创建
tsconfig.json文件：
touch tsconfig.json
- 打开
tsconfig.json文件，并添加以下内容：
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"strict": true,
"esModuleInterop": true
}
}
创建源文件
- 在项目目录中，创建一个名为
src的文件夹。 - 在
src文件夹中，创建一个名为index.ts的文件。
编写代码
- 打开
index.ts文件，并添加以下代码：
function greet(name: string): string {
return `Hello, ${name}!`;
}
console.log(greet('TypeScript'));
这段代码定义了一个名为greet的函数，它接收一个字符串参数name，并返回一个问候语。
编译TypeScript
- 在终端或命令提示符中，输入以下命令编译TypeScript文件：
tsc
编译成功后，会在项目目录中生成一个dist文件夹，其中包含编译后的JavaScript文件。
运行项目
- 在终端或命令提示符中，输入以下命令运行项目：
node dist/index.js
如果你看到以下输出，说明项目运行成功：
Hello, TypeScript!
总结
恭喜你，你已经成功搭建了一个TypeScript项目！接下来，你可以继续学习TypeScript的高级特性，或者开始编写你的TypeScript代码了。希望这个教程对你有所帮助！