V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
june4
V2EX  ›  程序员

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

  •  
  •   june4 · 82 天前 · 2365 次点击
    这是一个创建于 82 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

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

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

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

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

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