V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
lliiooiill
V2EX  ›  JavaScript

分享一个前端在线代码编辑器 JS-Encoder

  •  2
     
  •   lliiooiill · 2022-02-20 18:59:55 +08:00 · 1825 次点击
    这是一个创建于 810 天前的主题,其中的信息可能已经有所发展或是发生改变。

    一开始其实只是想模拟在浏览器上编辑代码,同时用 iframe 展示效果的功能,没想到这一做就停不下来,陆陆续续做了不少功能,不过目前为止收到的反馈还是比较少(可能是由于代码编辑器在国内比较小众?),欢迎大家提出宝贵的建议和提 PR ,我大大滴感谢!

    预览图片:

    目前支持的主要功能:

    1. 预处理语言编译:
      • Markdown
      • Pug
      • Sass/Scss
      • Less
      • Stylus
      • TypeScript
      • CoffeeScript
      • JSX(Babel)
    2. 支持外部脚本和样式。
    3. 多快捷键支持, 包括格式化、HTML Emmet 扩展以及 Markdown 相关快捷键。
    4. 加入 Markdown 模式, 支持编辑窗口和预览窗口的实时预览和同步滚动,并加入快捷菜单栏。
    5. 强大的控制台,可显示多种常见类型的日志并可进行调试。
    6. 为部分语言提供语法检查(Linter)。
    7. 支持初始化模板,目前支持(Vue2/3, React, Angular)。
    8. 支持 Vue2/3 单文件组件的编译。

    点此访问:JS-Encoder

    4 条回复    2022-02-21 19:51:53 +08:00
    Trello
        1
    Trello  
       2022-02-20 21:09:51 +08:00   ❤️ 1
    mark 一下,看着蛮不错的样子!
    lliiooiill
        2
    lliiooiill  
    OP
       2022-02-21 08:25:48 +08:00
    谢谢支持,嘻嘻
    fsworld
        3
    fsworld  
       2022-02-21 17:34:59 +08:00   ❤️ 1
    加油!感谢提供这些有趣的开源项目
    lliiooiill
        4
    lliiooiill  
    OP
       2022-02-21 19:51:53 +08:00
    @fsworld 谢谢鼓励!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   977 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 21:13 · PVG 05:13 · LAX 14:13 · JFK 17:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.