我创建了一个在线代码编辑器

2025-06-04

我创建了一个在线代码编辑器

https://slingcode.net/

我构建了一个基于 Web 的 IDE,支持实时刷新功能,可以用来创建、运行和分享 Web 应用。我为我的孩子们设计了这个 IDE,希望他们能拥有一个简单易用的环境,无需复杂的命令行工具和托管服务即可学习 Web 应用开发。但我希望它对非儿童类的业余爱好者,甚至专业人士也能有所帮助。

它与现有的在线代码编辑器的主要区别在于:

  • 非常独立,完全包含在一个HTML 文件中,没有服务器端依赖。
  • 它支持实时重新加载更改,因此您可以非常快速地迭代设计和功能。
  • 您可以在不同设备之间点对点共享您制作的应用程序,这样您就不需要在线托管它们。

GitHub 徽标 chr15m /吊索代码

个人计算平台

Slingcode 是一个单一 html 文件中的个人计算平台

  • 您可以使用它制作、运行和共享网络应用程序。
  • 您不需要任何复杂的工具来使用它,只需要一个网络浏览器
  • 您不需要服务器、托管或 SSL 证书来运行 Web 应用程序。
  • 您可以将 Slingcode 放在网站上,通过 USB 记忆棒、笔记本电脑或手机运行它,而且它不需要互联网连接即可运行。
  • 您可以在手机浏览器中“添加到主屏幕”,以便随时随地轻松访问您的程序库。
  • 您可以通过 WebTorrent点对点共享应用程序。
  • 它是私密的。您只能分享您选择的内容。

尝试一下:slingcode.html

或者右键单击slingcode.html并“将链接另存为”将 HTML 文件下载到您自己的计算机上。

视频

Slingcode 视频

关于

Slingcode 没有服务器组件。应用程序存储在……

文章来源:https://dev.to/chr15m/i-built-an-online-code-editor-3aj5
PREV
逃离教程地狱
NEXT
Tailwind CSS 静态导航栏,滚动时带有阴影,适用于 Vue 应用程序