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文件。