• 请不要在回答技术问题时复制粘贴 AI 生成的内容
june4
V2EX  ›  程序员

需要给一个小孩远程教 javascript,有没有类似 CodePen 这种网站,但有实时协同功能

  •  
  •   june4 · Sep 12, 2024 · 4424 views
    This topic created in 793 days ago, the information mentioned may be changed or developed.

    类似 CodePen/jsfiddle 这种可以输入 javascript/css/html 并预览运行。

    协同功能是指,二边打开同一个文件,一方的打字会实时反映到另一边,类似语雀那种。

    jsfiddle 有个 collaborate 按钮不知道是不是这个功能,但点了完全没效果,貌似有 bug 。

    Supplement 1  ·  Sep 13, 2024
    还是花了半天用 Yjs 自己开发了一个,Yjs 确实方便,整个项目只要 100 行代码。
    24 replies  •  2024-09-12 16:32:19 +08:00
    horizon
    horizon
    Sep 12, 2024
    1
    面试网站
    shintendo
    shintendo
    Sep 12, 2024
    2
    CodePen 有双人协作,但是付费
    Puteulanus
    Puteulanus
    Sep 12, 2024
    3
    可能有点重,Cloud9 应该支持多光标协同编辑,html 预览你得试试,我记得好像是可以
    https://aws.amazon.com/cn/cloud9/

    需要有个自己服务器,或者用 AWS 的按量,它能设置半小时不活动就休眠(销毁?)省钱这样的,开个最低配价格应该还好
    newaccount
    newaccount
    Sep 12, 2024
    4
    有点意思
    查了下,vsc 有个 Live Share 扩展就是做这个的
    好像挺靠谱?毕竟有什么需要的功能可以通过添加扩展来实现
    目前试下来,新文件在没有保存的时候是看不到的,保存一下就行了
    还在继续玩
    huanshena
    huanshena
    Sep 12, 2024
    5
    WebStorm 不是有吗
    hhhanako
    hhhanako
    Sep 12, 2024
    6
    vscode 远程
    CatchXS
    CatchXS
    Sep 12, 2024
    7
    直接远程向日葵吧,简单方便。
    xcsoft
    xcsoft
    Sep 12, 2024
    8
    vscode server ?
    encro
    encro
    Sep 12, 2024
    9
    vscode, live preview
    zsh2517
    zsh2517
    Sep 12, 2024
    10
    vscode 的 live share 我记得就是你说的那种模式,“类似于语雀那种”。
    至于两边都可以浏览网页的话,想办法搞个 wireguard/其他 或者 frp 之类的隧道试试?(如果网络没有特殊限制,推荐 frp ,frpc.exe, frpc.toml 配制好,然后再写一个脚本运行(.\frpc.exe -c .\frpc.toml ),告诉 ta 直接点那个脚本就可以)
    94
    94
    Sep 12, 2024
    11
    https://codesandbox.io/features
    可以多人协同编辑代码,并且可以看到其他人的光标。
    meeop
    meeop
    Sep 12, 2024
    12
    https://genwebapp.com/

    看一下这个,不但可以实时编辑,还可以让 ai 帮你修改,或者给你示例代码

    比如,请帮我写一个表单,展示表单功能
    请帮我写一个页面,展示所有 css 颜色
    请帮我展示所有渐变样式
    meeop
    meeop
    Sep 12, 2024
    13
    @meeop 实时协同虽然没有直接支持,但是支持多开,保存后所有人都能看见变更.同时可以用共享桌面/会议工具实现在线语音讲解
    daddyLi
    daddyLi
    Sep 12, 2024
    14
    replit 国外很多青少年用户
    ETiV
    ETiV
    Sep 12, 2024 via iPhone
    15
    Zed 有协作模式
    snowlee
    snowlee
    Sep 12, 2024
    16
    https://multi.app/ 如果都是 mac 的话这个挺好的
    sobev
    sobev
    Sep 12, 2024
    17
    IDEA 有 code with me ,webstorm 应该也有
    june4
    june4
    OP
    Sep 12, 2024
    19
    看了下,最简单的是 codepen ,但是它免费版没有这功能,付费要$8 一月,对一个月用不上三四次的有点浪费。

    别的 Idea ,vscode 之类的都是本地的,还要我帮对方远程安装配置环境,有点麻烦。

    codesandbox 是在线的看着不错,不过界面和 idea 之类的一样对一个十岁小孩过于复杂了。

    理想中的情况应该是直接发给对方一个网址,对方打开界面只有二个框,一个代码输入,一个运行输出,我用 qq 语音和对方协作在输入框编程,别的功能什么都不要,完全婴儿友好型界面。
    cijiugechu
    cijiugechu
    Sep 12, 2024
    20
    自己用 Yjs 开发一个
    june4
    june4
    OP
    Sep 12, 2024
    21
    类似 https://note.ms/ 这种,极简,就一个大输入框,文本可以自动保存在对应地址,下次教学时打开对应地址还在。
    LitterGopher
    LitterGopher
    Sep 12, 2024
    22
    把代码放自己服务器上,然后两人都使用 vscode 远程上去。
    silentCM
    silentCM
    Sep 12, 2024
    23
    vscode 可以用 ssh 连的,或者直接用远程软件,多方便
    Retas
    Retas
    Sep 12, 2024
    24
    都 qq 语音了不把远程桌面安排上,在 vscode 上装个 code runner 插件就 ok 了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1983 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 59ms · UTC 12:27 · PVG 20:27 · LAX 04:27 · JFK 07:27
    ♥ Do have faith in what you're doing.