yukar - Chrome 插件:JavaScript 代码编辑器

1,474 阅读1分钟
原文链接: acyort.am0200.com

yukar 是一个前端代码编辑预览工具,是一个 chrome 插件。你可以从 chrome web store 上安装 yukar

为什么要造这个轮子

  1. 有很多在线代码编辑预览工具,类似 jsfiddle,codepen,但都不能离线使用,还经常一些资源被墙

  2. js 新特性支持度不完整,很多都不支持 vue 的 JSX

  3. 一些类似插件不能跳过 CSP(Content Security Policy)资源加载

  4. 在线编辑器在复制黏贴测试代码需要来回切换 tab,很不方便

  5. umd 模块资源可能不可用

功能介绍

  1. ES6/7 的新特性支持

  2. Async/Await

  3. Class Properties
  4. Object Rest Spread
  5. Decorators

  6. React JSX /Vue JSX 支持

  7. 保存代码记录

  8. Console 记录支持

相关图片

screen shot 2018-05-23 at 10 39 15 am

screen shot 2018-05-23 at 10 38 30 am

screen shot 2018-05-23 at 10 38 10 am

screen shot 2018-05-23 at 10 38 01 am

screen shot 2018-05-23 at 10 37 50 am