figchat

以下是使小部件運行的步驟。您還可以找到以下說明：

https://www.figma.com/widget-docs/setup-guide/

此窗口小部件模板使用Typescript和NPM，這是創建JavaScript應用程序的兩個標準工具。

首先，下載npm隨附的node.js。這將使您可以安裝打字稿和其他庫。您可以在此處找到下載鏈接：

https://nodejs.org/en/download/

接下來，通過運行：

NPM安裝

如果您熟悉JavaScript，那麼打字稿看起來會非常熟悉。實際上，有效的JavaScript代碼已經是有效的打字稿代碼。

打字稿將類型註釋添加到變量。這允許代碼編輯器（例如Visual Studio Code）在編寫代碼時提供有關FIGMA API的信息，並幫助您捕獲以前沒有註意到的錯誤。

有關更多信息，請訪問https://www.typescriptlang.org/

使用TypeScript要求編譯器將TypeScript（widget-src/code.tsx）轉換為JavaScript（DIST/CODE.JS），以便瀏覽器運行。我們使用Esbuild為我們做到這一點。

我們建議使用Visual Studio代碼編寫打字稿代碼：

1. 如果還沒有下載Visual Studio代碼：https：//code.visualstudio.com/。
2. 在Visual Studio代碼中打開此目錄。
3. 編譯打字稿到JavaScript：運行“終端>運行構建任務...”菜單項，然後選擇“ NPM：Watch”。每次重新打開Visual Studio代碼時，您都必須再次執行此操作。

就是這樣！每次保存時，Visual Studio Code都會重新生成JavaScript文件。