Sandbox：VS Code内嵌的JavaScript、HTML和CSS代码测试工具

Sandbox 是您在VS Code环境中测试JavaScript、HTML和CSS代码片段的理想工具。它为您提供了一个即时、便捷的开发环境，无需任何额外设置。

功能亮点：

实时代码游乐场

在Sandbox中，您可以原型设计、玩转和实验您的Web开发创意。

1. 通过命令创建您的Sandbox：
   • Sandbox: New Sandbox
2. 在提供的文本编辑器中开始编码。
3. 随着您的输入，代码结果会实时更新在预览窗口中。

• 需要手动刷新？VS Code为您提供了命令：
  • Developer: Reload Webviews
• 想要调试？VS Code内置了该功能：
  • Developer: Open Webview Developer Tools

保存您的工作

在资源管理器视图中，您可以使用“下载”上下文选项来保存文件，或将整个Sandbox保存为文件夹。

其他命令

• Sandbox: Reopen Editors

  • 不小心关闭了编辑器或移动了编辑器网格？使用此命令可以恢复编辑器至正常状态。

• Sandbox: Close Sandbox

  • 通过此命令，您可以关闭并从工作区中移除Sandbox。

已知问题：

使用VS Code提供的Webview Developer Tools 时会有一些特殊情况。详细信息在这里进行了文档化。

• Elements: 您的Sandbox DOM包含在“active-frame”iframe元素中。
• Console: 要在您的Sandbox中评估代码，请使用左上角的下拉菜单切换到“active-frame”选项。初始设置为“top”。
• Sources: 为方便起见，包含您的JS代码的脚本在文件树和“打开文件”选择器中被映射为script.js。

在资源管理器视图中，对工作区文件夹使用“下载”上下文菜单项会导致Windows的文件保存对话框打开，而不是文件夹保存对话框。

• 这会错误地将文件夹保存为默认的“.txt”扩展名。
• 下载仍然会成功，但可能会将扩展名附加到文件夹名称上。

发布说明：

1.0.0

Sandbox的初始发布版！

1.0.1

更改默认样式，以避免与用户的body背景样式冲突。