V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
keelii
V2EX  ›  分享创造

开源一个自己写的代码画板 code-sketch.com

  •  
  •   keelii ·
    keelii · 2019-03-06 16:28:03 +08:00 · 2378 次点击
    这是一个创建于 2090 天前的主题,其中的信息可能已经有所发展或是发生改变。

    代码画板 Code Sketch

    最初写代码的地方...

    功能

    • 内置 Sass/Babel 支持
    • HTML/CSS emmet 插件支持
    • 方便的导入三方库 (bootcdn API 支持).
    • 深色主题支持
    • 可以打印任意数据格式的控制台
    • 同时支持 macOS AppWeb 端应用

    快捷键

    • 切换展示顶部页签: Command+e
    • 代码字体大小: Command++/-
    • 保存刷新: Command+s
    • 导出到单个 HTML 文件: Command+shift+s
    • 导入文件(仅支持展出文件): Command+o
    • 命令提示容器: Command+p

    截图

    浅色主题

    code-sketch-light

    深色主题

    code-sketch-dark

    错误日志

    log

    控制台日志

    error

    开发

    yarn or npm

    yarn install
    yarn start
    yarn dev
    # build release for mac
    yarn release
    

    支持

    ...

    第 1 条附言  ·  2019-03-06 21:59:59 +08:00
    请到 github 上下载最新版本,0.0.1 打开有报错 😂
    第 2 条附言  ·  2019-03-07 11:40:50 +08:00

    添加个视频演示吧:

    Youtube | Bilibili

    4 条回复    2019-03-06 17:41:49 +08:00
    quietjosen
        1
    quietjosen  
       2019-03-06 17:11:59 +08:00 via iPhone
    主要解决什么问题呢?
    keelii
        2
    keelii  
    OP
       2019-03-06 17:34:26 +08:00
    @quietjosen 实际上并没解决什么刚性需求。

    我们内部会经常做一些培训,会现场写一些代码。像 codepen/jsbin 这种在线的工具也不错,不过当我们演示的时候可能因为网络问题没法在线使用,其次我自己对界面的要求比较高,希望演示工具可以全屏保留最大的代码展示空间,然后还有一点就是内置 sass/babel 支持,有了这个就不用再去配置一大堆的工具了,上手就可以用。
    keelii
        3
    keelii  
    OP
       2019-03-06 17:36:22 +08:00
    @quietjosen 实际上和你的作品 iCode 本质上没区别。只不过我加进去了一些我自己认为好用的东西。自己实现了一个类似 chrome console log 的工具,可以展示任意类型的 JS 值。
    quietjosen
        4
    quietjosen  
       2019-03-06 17:41:49 +08:00 via iPhone
    @keelii 明白了。iCode 纯粹是练手😂
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2963 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 13:32 · PVG 21:32 · LAX 05:32 · JFK 08:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.