iCode:开源的在线 html/css/js 编辑器

iCode,一款开源的在线 html/css/js 编辑器。

为什么要创建 iCode?

是的,市面上已经有很多成熟的产品,比如 jsfiddle、codepen 等,为什么要再来一个呢?很简单:练手 😂

一方面,iCode 比较适合练手 css/Vue 等技术,另一方面自己平时也可能会用到 iCode 来测试代码。

iCode 有什么特点?

即使是练手项目,iCode 还是有些自己的特点的:

  • html/css/js/preview 四分布局,非常类似于我自己平时用的 iTerm2
  • 交互上,也类似于 iTerm2:高亮当前 Panel,可拖拽调整 Panel 大小
  • 快捷键支持(我是效率控):
    • ⌘1/2/3/4 显示隐藏 html/js/css/preview 区域
    • ⌘Enter 手动运行代码
  • 基础的编辑器支持,如自动缩进、语法高亮、语法检查等
  • 代码保存在浏览器本地存储中

默认编辑后自动运行代码,如果担心有太多次不必要的执行,可以点页面右下角设置按钮,取消该选项。

iCode 还差什么?

距离一款成熟的在线编辑器,iCode 还差很多,比如:

  • 浏览器适配,手机适配
  • 多项目支持;目前 iCode 仅支持单项目代码
  • 云端保存代码,跨浏览器运行
  • 代码可嵌入网站
  • 上传资源文件
  • 更多界面布局、主题

源码

npm run serve,你懂的。

欢迎交流~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,079评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • 你可以使用任何文本编辑器来写 Markdown 文件。但我建议使用一个专门为这种语法设计的编辑器。这篇文章中所讨论...
    谁说我是小小云阅读 13,348评论 0 8
  • 天气越来越寒冷,慢慢的就习惯了。每天都是新的一天,今天也是。认真学习,把自己变得像个大忙人,每天有做不完的事,这样...
    清风无雨阅读 1,027评论 0 0
  • 【我爱你,与你无关】 林夏爱疯子,疯子爱沈冰,沈冰爱小猛。 吴魏爱伍媚,伍媚爱吴迪,吴迪却一直在伍媚和杨紫曦之间徘...
    xoixorfzwk阅读 3,486评论 0 0