7、使用 TypeScript 构建自己的 Web 应用程序 TodoIt

使用 TypeScript 构建自己的 Web 应用程序 TodoIt

1. 项目初始设置

• 首先，有一个简单的 HTML5 起点，目前它没什么功能，但后续会用到。

<p>TODO</p>
</body>
</html>

• 接着，创建一个名为 todo-it.ts 的 TypeScript 文件，并添加以下代码：

console.log("TodoIt");

这有助于验证我们的设置是否正确。

2. 利用 VS Code 支持 TypeScript

• 手动编译 ：在 VS Code 中，通过 Terminal | Run Build Task... （Windows 上按 Ctrl + Shift + B ，macOS 上按 cmd + Shift + B ），然后选择 tsc: build - tsconfig.json 。执行此操作后， tsc 会根据 tsconfig.json 配置编译检测到的所有 TypeScript 代码。默认情况下，项目文件夹或子文件夹中的任何