可在 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 按鈕時被調用。
