【TS4】简单的typescript练手项目

在开始一个简单的 TypeScript 练手项目之前，确保你已经安装了 Node.js 和 TypeScript。你可以通过运行 node --version 和 tsc --version 来检查它们是否已经安装在你的系统上。如果没有安装，你可以从 Node.js 官网 下载并安装 Node.js，因为 TypeScript 是随 Node.js 一起安装的。

步骤 1: 创建一个新的项目文件夹

首先，创建一个新的文件夹来存放你的项目。打开你的终端或命令提示符，然后运行：

mkdir my-typescript-project
cd my-typescript-project

步骤 2: 初始化 npm 项目

在项目文件夹中，初始化一个新的 npm 项目：

npm init -y

这将创建一个 package.json 文件。

步骤 3: 安装 TypeScript

如果你还没有安装 TypeScript，你可以查看上一篇博客来安装它☺

步骤 4: 配置 TypeScript

运行以下命令来生成 TypeScript 的配置文件 tsconfig.json：

npx tsc --init

步骤 5: 编写你的 TypeScript 代码

在项目文件夹中创建一个名为 index.ts 的文件，并开始编写你的 TypeScript 代码。例如，你可以创建一个简单的函数来计算两个数字的和：

// index.ts
function add(a: number, b: number): number {return a + b;
}console.log(add(5, 10)); // 输出 15

步骤 6: 编译 TypeScript 代码

使用 TypeScript 编译器来编译你的 index.ts 文件：

npx tsc

这将在你的项目文件夹中生成一个 index.js 文件，这是 JavaScript 的编译版本。

步骤 7: 运行你的 JavaScript 代码

使用 Node.js 来运行生成的 JavaScript 文件：

node index.js

你应该会在控制台看到输出 15。

步骤 8: (可选) 设置 npm scripts 来简化编译和运行过程

你可以在 package.json 中添加脚本来简化编译和运行过程：

{"name": "my-typescript-project","version": "1.0.0","scripts": {"start": "tsc && node index.js"},"devDependencies": {"typescript": "^4.0.0"}
}

现在，你可以通过运行以下命令来编译并运行你的代码，注意start对应的scripts中的start：

npm start

小结：

通过上述步骤，你可以开始一个简单的 TypeScript 项目。随着你对 TypeScript 的掌握加深，你可以尝试更复杂的功能，如类的使用、接口、泛型等。Happy coding!