如何使用文件资源管理器创建编码游乐场

Question

类似于 Codesandbox.io 或 vscode.dev，或者基本上就像任何在线编译器一样，但具有可以存储图像和代码的文件/资源管理器，或者类似于 vscode 集成。 我不知道从哪里开始。

我尝试了 codemirror，摩纳哥代码编辑器。

Answer 1

轻量级方法（HTML、CSS、JavaScript）：

如果您想要基本设置，您可以使用以下命令构建一个简单的网页：

HTML：使用编辑器区域和用于显示结果的输出区域构建页面布局。 CSS：为用户友好的界面设置页面元素的样式。 JavaScript：实现如下功能： 允许用户在编辑器区域编写代码。 使用户能够将其代码保存到浏览器的本地存储（有限持久性）。 创建一个按钮来执行代码并显示输出。