yukar - Chrome Extension JavaScript Code Editor

@LoeiFy 2018-05-25 12:30:30发表于 LoeiFy/Recordum ExtensionJavascriptchrome

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

https://chrome.google.com/webstore/detail/yukar/ilbmpnheigbnilnbknenakbkkdmaemlp

为什么要造这个轮子

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

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

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

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

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

功能介绍

  1. ES6/7 的新特性支持
  • Async/Await
  • Class Properties
  • Object Rest Spread
  • Decorators
  1. React JSX /Vue JSX 支持

  2. 保存代码记录

  3. 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