Playgrounds
Playground 是一种轻松试用 Deno Deploy 并创建小型项目的方式。使用 Playground,您可以在浏览器中编写代码、运行代码并查看完整输出。
Playground 拥有 Deno Deploy 的全部功能:它们支持与普通项目相同的所有功能,包括环境变量、自定义域和日志。
Playground 在 Deno Deploy 上的性能也与其他所有项目相同:它们充分利用我们的全球网络,尽可能在靠近用户的位置运行您的代码。
创建 Playground 跳转到标题
要创建新的 Playground,请单击 项目概览页面右上角的 新建 Playground 按钮。
这将创建一个名称随机生成的 Playground。您稍后可以在项目设置中更改此名称。
使用 Playground 编辑器 跳转到标题
创建新 Playground 后,Playground 编辑器会自动打开。您也可以通过导航到项目的概览页面并单击 编辑 按钮来打开它。
编辑器由两个主要区域组成:左侧的编辑器和右侧的预览面板。编辑器是您编写代码的地方,预览面板是您通过浏览器窗口查看代码输出的地方。
左侧编辑器面板下方还有一个日志面板。此面板显示代码的控制台输出,有助于调试代码。
编辑代码后,您需要保存并部署它,以便右侧的预览更新。您可以通过单击右上角的 保存并部署 按钮,或按下 Ctrl + S,或使用 F1 打开命令面板并选择 部署:保存并部署 来完成此操作。
在编辑器右上角的工具栏中,您可以在保存时查看项目的当前部署状态。
每当您保存并部署代码时,右侧的预览面板都会自动刷新。
编辑器右上角的语言下拉菜单允许您在 JavaScript、JSX、TypeScript 和 TSX 之间切换。默认选定的语言是 TSX,它适用于大多数情况。
使 Playground 公开 跳转到标题
通过将 Playground 设为公开,可以与其他用户共享。这意味着任何人都可以查看 Playground 及其预览。公开的 Playground 无法被任何人编辑:它们仍然只能由您编辑。日志也只显示给您。用户可以选择 Fork 一个公开的 Playground,以创建一个他们可以编辑的私有副本。
要将 Playground 设为公开,请在编辑器顶部工具栏中按下 共享 按钮。您的 Playground URL 将自动复制到剪贴板。
您也可以在 Deno Deploy 控制面板的 Playground 设置页面更改 Playground 的可见性。这可以用于将 Playground 的可见性从公开重新更改为私有。
将 Playground 导出到 GitHub 跳转到标题
Playground 可以导出到 GitHub。如果您的项目开始超出 Playground 编辑器的单文件限制,此功能会很有用。
执行此操作将创建一个包含 Playground 代码的新 GitHub 仓库。此项目将自动转换为一个与此新 GitHub 仓库关联的 Git 项目。环境变量和域将保留。
新的 GitHub 仓库将在您的个人账户中创建,并设置为私有。您可以稍后在 GitHub 仓库设置中更改这些设置。
导出 Playground 后,您将无法再使用 Deno Deploy Playground 编辑器进行此项目。这是一个单向操作。
要导出 Playground,请访问 Deno Deploy 控制面板中的 Playground 设置页面,或从命令面板中选择 部署:导出到 GitHub (在编辑器中按 F1)。
在这里您可以为新的 GitHub 仓库输入一个名称。此名称将用于在 GitHub 上创建仓库。该仓库不能已存在。
按下 导出 按钮将 Playground 导出到 GitHub。