可在 html 中使用 typescript，通过以下步骤操作：创建一个 .ts 文件并添加 typescript 代码。在 html 文件中添加脚本标签以引用 .ts 文件。使用 tsc 命令编译 typescript 为 JavaScript。在 html 文件中链接编译后的 javascript。
在 HTML 中使用 TypeScript
简介
TypeScript 是一种超集 JavaScript 的语言，它允许开发人员使用静态类型来创建更健壮、更可维护的代码。本文将指导您如何在 HTML 中使用 TypeScript。
步骤 1：创建 TypeScript 文件
立即学习“前端免费学习笔记（深入）”；
使用您喜欢的文本编辑器创建一个扩展名为 .ts 的文件。例如：my-script.ts。
步骤 2：配置 HTML
在您的 HTML 文件中，添加以下脚本标签，指向您的 TypeScript 文件：
<script src="my-script.ts"></script>
登录后复制
步骤 3：编译 TypeScript
为了在浏览器中使用 TypeScript，您需要将其编译为 JavaScript。可以使用以下命令：
tsc my-script.ts
登录后复制
这将在当前目录中生成一个名为 my-script.JS 的 JavaScript 文件。
步骤 4：在 HTML 中使用编译后的 JavaScript
在您的 HTML 文件中，将编译后的 JavaScript 文件链接到脚本标签：
<script src="my-script.js"></script>
登录后复制
示例
以下是一个在 HTML 中使用 TypeScript 的简单示例：
<script src="my-script.ts"></script>Hello, TypeScript!
function greet(): void { console.log("Hello from TypeScript!"); }
登录后复制
在这种示例中，greet() 函数使用 TypeScript 编写，并在单击 HTML 按钮时被调用。
