3、TypeScript 项目配置与实践指南

TypeScript 项目配置与实践指南

项目基础配置与编译

在开始一个 TypeScript 项目时，我们可以配置让 TypeScript 从 src 文件夹中获取源文件，并将编译后的文件放入 dist 文件夹。这样的设置有助于将构建文件与原始文件分离。当然，你需要手动创建 src 文件夹，而 dist 文件夹会在编译后自动生成。

项目设置完成后，在 src 文件夹中创建一个 index.ts 文件，内容如下：

console.log("Hello World");

.ts 扩展名表明这是一个 TypeScript 文件。接着，在命令行中运行 npx tsc ，就可以看到编译器开始工作。

分离类型定义

有时候，我们希望编写普通的 JavaScript 代码，而无需额外的构建步骤，同时还能获得编辑器的支持和函数的正确类型信息。但又不想像之前那样使用 JSDoc 来定义复杂的对象类型。这时，可以采用“分离类型定义”的方法，将类型定义文件放在一边，并让 TypeScript 编译器以“检查 JavaScript”模式运行。

在项目中，比如在 @types 文件夹里创建一个类型定义文件，其扩展名是 .d.ts 。与普通的