离线版类 CodePen 的 Electron 应用， SketchCode

[Kei]

Github 项目地址： https://github.com/keinn89/SketchCode

Mac/Win/Linux 平台下载地址： https://github.com/keinn89/SketchCode/releases

Vue + Electron = SketchCode

第一版，欢迎试用并反馈，后续功能仍在考虑中。）

PS ：小心目前未解决的问题，在 JS 中写死循环的话，会导致 APP 挂掉，需要停止脚本并清空 /修改 localstorage （

顺便求分享解决思路

[Jackp12]

不错，支持楼主，希望以后能用到完善的版本

[Kei]

@Jackp12 其实目前还是能用的 = = 我也用来做了一些动效练习

[greatghoul]

能切换到上下布局吗，有时候边看视频边码代码。

[Kei]

@greatghoul 就是上面三栏写代码，下面预览的意思么？

[greatghoul]

@Kei 是的，如果能定制上面只显示 HTML ，而把 JS 和 CSS 折叠就更好了。

[vizards]

既然是离线版类 codepen 的应用, 不知道能不能支持直接把代码发布到 codepen 呢，这样真的会方便很多

[Kei]

@vizards 我也想过，做个发布功能不难，难在某项目曾经发布过，再发布的话重新发布有些不合理，覆盖发布的话涉及版本管理几乎就是 Codepen 客户端了。如果这样的话，每次重新发布到 JSFiddle 或许会比价合理。

[zetaoyang]

@Kei 楼主，你这个做得很好。尤其适合做一些 Html5/CSS/JS 相关的练习，看看效果。

[HLT]

酷

[Kei]

@zetaoyang 谢谢 欢迎试用 XD

[goldenlove]

简单试用了下，感觉想法不错。
如何加载本地 js 库文件（例如： jq ）？ 通过 http 貌似也不行？

[Kei]

@goldenlove 因为本来是像本地做效果测试，所以当时没太多考虑离线库，而且除了 ajax 比较麻烦， jquery 的功能大多能用 js 来实现，记得网站有篇文章， you might dont need jquery ， 推荐一下。

其实要引入在线库也是行的，只需要在 html 的编辑框内加入 link 或 script 标签即可。

[goldenlove]

@Kei 你确定 script 可以？ 我试了引用本地 http 和 cdn 上的都不生效？

[Kei]

@goldenlove 谢谢反馈，原来是我想当然了，已经找到思路，谢谢。

[brucezhou]

挺好的

[brucezhou]

感觉文档编辑功能不是太友好

[Kei]

@brucezhou 谢谢反馈，其实只是用了默认的 https://codemirror.net/ 的一些简单配置，加上其他配置例如自动补全括号会好些

[Kei]

@goldenlove 各种拖延症发作……已修复…… Orz

[goldenlove]

@Kei 哈哈~ 只要坚持不放弃就好~ 新版搞来试试看~

[nazhenhuiyi294]

感觉意义并不是很好..毕竟使用 codepen 是可以分享...所以我提一个小建议,增加 一键上传到 codepen 上.😄