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 仅支持单项目代码
• 云端保存代码，跨浏览器运行
• 代码可嵌入网站
• 上传资源文件
• 更多界面布局、主题
• …

源码

• GitHub
• 在线示例

npm run serve，你懂的。

欢迎交流~