是的，通常情况下，每次修改 TypeScript（TS）文件后，需要先编译成 JavaScript，然后再预览页面。这是因为浏览器无法直接解析 TypeScript 代码，需要先将其转换为 JavaScript 才能正常显示和运行。
在开发过程中，为了提高效率，可以使用一些工具来自动编译 TypeScript 代码，例如 tsc 命令行工具或一些集成开发环境（IDE）自带的 TypeScript 编译器。这些工具可以在保存文件时自动检测并编译 TypeScript 代码，无需手动执行编译操作。
另外，一些开发工具也提供了实时预览功能，可以在编译 TypeScript 代码的同时预览页面效果。例如，在 Visual Studio Code 中，可以使用 Live Server 插件或其他类似的工具来实现实时预览功能。这些工具可以在编译 TypeScript 代码后自动刷新页面，以便开发者能够实时查看修改后的效果。
总之，为了正确显示和运行 TypeScript 代码，需要先将其编译为 JavaScript，并使用适当的工具进行实时预览或手动刷新页面来查看效果。
对的，这样更方便预览和修改。
