共计 843 个字符，预计需要花费 3 分钟才能阅读完成。

使用外部编辑器

Construct 提供了一个基于 CodeMirror 的内置代码编辑器，以帮助您方便地在项目中编写 JavaScript 代码。然而，您可能希望使用外部代码编辑器，如行业标准工具 VS Code。这也是使用 TypeScript 所必需的。Construct 具有特殊功能，可帮助您使用外部编辑器，本指南将介绍其工作原理。

步骤 1：保存文件夹项目

首先，确保将项目保存到文件夹中。这意味着您的所有项目文件（包括脚本文件）都作为单独的文件保存在项目文件夹中，而不是全部包含在一个.c3p 文件中。有关更多信息，请参阅“保存项目”部分中的项目文件夹。

步骤 2：启用自动重新加载

一旦保存到文件夹中，右键单击项目栏中的主要脚本文件夹，并选择“预览时自动重新加载所有”菜单选项。完成此操作后，菜单选项将显示一个勾选标记，表示已启用自动重新加载模式。

启用此设置意味着每次在 Construct 中预览时，它都会从项目文件夹中重新加载所有脚本文件，确保加载了外部编辑器所做的任何更改。

步骤 3：打开外部编辑器

现在，您可以在您喜欢的外部代码编辑工具（如 VS Code）中打开脚本文件。如果该工具有打开文件夹的选项，您可能希望打开项目文件夹中的脚本子文件夹，因为那是包含您所有 JavaScript 代码的文件夹。然后，您应该能够查看和编辑项目的脚本文件。

步骤 4：进行更改

现在尝试在外部编辑器中进行更改，保存更改，然后转到 Construct 并预览项目。在外部编辑器中所做的更改应立即反映在预览中。

当启用自动重新加载模式时，Construct 还会在您预览时显示通知，指示更改了多少个脚本文件。如果您还在 Construct 中打开了脚本文件，当您预览时，Construct 还会从项目文件夹重新加载文件以显示其最新内容。

请注意，在自动重新加载模式下，如果在 Construct 中对脚本文件进行了更改，不保存更改，然后预览项目，您的更改将会丢失，因为它们将被替换为项目文件中的文件内容。最好始终从同一个编辑器编辑您的脚本，以避免这种情况。