需要给一个小孩远程教 Javascript，有没有类似 CodePen 这种网站，但有实时协同功能
june4 2024-09-12 11:32:31 +08:00 3208 次点击这是一个创建于 443 天前的主题，其中的信息可能已经有所发展或是发生改变。
类似 CodePen/jsfiddle 这种可以输入 Javascript/css/html 并预览运行。
协同功能是指，二边打开同一个文件，一方的打字会实时反映到另一边，类似语雀那种。
jsfiddle 有个 collaborate 按钮不知道是不是这个功能，但点了完全没效果，貌似有 bug 。
第 1 条附言 2024-09-13 20:54:07 +08:00
还是花了半天用 Yjs 自己开发了一个，Yjs 确实方便，整个项目只要 100 行代码。
24 条回复 2024-09-12 16:32:19 +08:00
 | 1 horizon 2024-09-12 11:35:15 +08:00 面试网站 |
 | 2 shintendo 2024-09-12 12:37:15 +08:00 CodePen 有双人协作，但是付费 |
 | 3 Puteulanus 2024-09-12 12:49:25 +08:00 可能有点重，Cloud9 应该支持多光标协同编辑，html 预览你得试试，我记得好像是可以 https://aws.amazon.com/cn/cloud9/ 需要有个自己服务器，或者用 AWS 的按量，它能设置半小时不活动就休眠（销毁？）省钱这样的，开个最低配价格应该还好 |
 | 4 newaccount 2024-09-12 12:57:48 +08:00 有点意思 查了下，vsc 有个 Live Share 扩展就是做这个的 好像挺靠谱？毕竟有什么需要的功能可以通过添加扩展来实现 目前试下来，新文件在没有保存的时候是看不到的，保存一下就行了 还在继续玩 |
 | 5 huanshena 2024-09-12 13:27:31 +08:00 WebStorm 不是有吗 |
 | 6 hhhanako 2024-09-12 13:30:34 +08:00 vscode 远程 |
 | 7 CatchXS 2024-09-12 13:41:33 +08:00 直接远程向日葵吧，简单方便。 |
 | 8 xcsoft 2024-09-12 13:42:20 +08:00 vscode server ？ |
 | 9 encro 2024-09-12 13:49:17 +08:00 vscode, live preview |
 | 10 zsh2517 2024-09-12 13:49:41 +08:00 vscode 的 live share 我记得就是你说的那种模式，“类似于语雀那种”。 至于两边都可以浏览网页的话，想办法搞个 wireguard/其他 或者 frp 之类的隧道试试？（如果网络没有特殊限制，推荐 frp ，frpc.exe, frpc.toml 配制好，然后再写一个脚本运行（.\frpc.exe -c .\frpc.toml ），告诉 ta 直接点那个脚本就可以） |
 | 11 94 2024-09-12 14:11:07 +08:00 https://codesandbox.io/features 可以多人协同编辑代码，并且可以看到其他人的光标。 |
 | 12 meeop 2024-09-12 14:26:33 +08:00 https://genwebapp.com/ 看一下这个,不但可以实时编辑,还可以让 ai 帮你修改,或者给你示例代码 比如,请帮我写一个表单,展示表单功能 请帮我写一个页面,展示所有 css 颜色 请帮我展示所有渐变样式 |
 | 14 daddyLi 2024-09-12 14:28:49 +08:00 replit 国外很多青少年用户 |
 | 15 ETiV 2024-09-12 14:30:48 +08:00 via iPhone Zed 有协作模式 |
 | 16 snowlee 2024-09-12 15:01:30 +08:00 https://multi.app/ 如果都是 mac 的话这个挺好的 |
 | 17 sobev 2024-09-12 15:08:15 +08:00 IDEA 有 code with me ，webstorm 应该也有 |
 | 18 yikuxia 2024-09-12 15:34:07 +08:00 |
 | 19 june4 OP 看了下，最简单的是 codepen ，但是它免费版没有这功能，付费要$8 一月，对一个月用不上三四次的有点浪费。 别的 Idea ，vscode 之类的都是本地的，还要我帮对方远程安装配置环境，有点麻烦。 codesandbox 是在线的看着不错，不过界面和 idea 之类的一样对一个十岁小孩过于复杂了。 理想中的情况应该是直接发给对方一个网址，对方打开界面只有二个框，一个代码输入，一个运行输出，我用 qq 语音和对方协作在输入框编程，别的功能什么都不要，完全婴儿友好型界面。 |
 | 20 cijiugechu 2024-09-12 15:39:11 +08:00 自己用 Yjs 开发一个 |
| 21 june4 OP 类似 https://note.ms/ 这种，极简，就一个大输入框，文本可以自动保存在对应地址，下次教学时打开对应地址还在。 |
 | 22 LitterGopher 2024-09-12 16:08:07 +08:00 把代码放自己服务器上，然后两人都使用 vscode 远程上去。 |
 | 23 silentCM 2024-09-12 16:25:01 +08:00 vscode 可以用 ssh 连的，或者直接用远程软件，多方便 |
 | 24 Retas 2024-09-12 16:32:19 +08:00 都 qq 语音了不把远程桌面安排上，在 vscode 上装个 code runner 插件就 ok 了 |
Select Language