离线版类 CodePen 的 Electron 应用， SketchCode

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2850 天前的主题，其中的信息可能已经有所发展或是发生改变。

demo

start

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

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

Vue + Electron = SketchCode

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

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

顺便求分享解决思路

第 1 条附言 · 2017-02-20 16:03:45 +08:00

- Fix #11 Bug
- Change Github userame

https://github.com/qingww/SketchCode

https://github.com/qingww/SketchCode/releases/

由于没有 Apple 开发者帐号，更新无法实现自动更新……

sketchcode

electron

线版类

codepen

21 条回复 • 2017-02-23 11:17:42 +08:00

Jackp12

2017-02-11 21:47:45 +08:00

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

Kei

2017-02-11 22:01:42 +08:00

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

greatghoul

2017-02-11 22:08:20 +08:00 via iPhone

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

Kei

2017-02-11 22:37:08 +08:00

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

greatghoul

2017-02-11 22:47:27 +08:00

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

vizards

2017-02-11 23:07:55 +08:00

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

Kei

2017-02-11 23:47:26 +08:00

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

zetaoyang

2017-02-12 09:11:47 +08:00

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

HLT

2017-02-12 09:48:04 +08:00

酷

Kei

2017-02-12 16:39:21 +08:00

@zetaoyang 谢谢欢迎试用 XD

goldenlove

2017-02-13 15:00:05 +08:00

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

Kei

2017-02-15 11:49:06 +08:00 via iPhone

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

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

goldenlove

2017-02-15 14:01:28 +08:00

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

Kei

2017-02-15 16:20:20 +08:00

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

brucezhou

2017-02-16 10:25:23 +08:00

挺好的

brucezhou

2017-02-16 10:28:58 +08:00

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

Kei

2017-02-18 02:04:00 +08:00

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

Kei

2017-02-20 16:04:29 +08:00

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

goldenlove

2017-02-21 14:23:32 +08:00

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

nazhenhuiyi294

2017-02-22 09:29:08 +08:00

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

fomenyesu

2017-02-23 11:17:42 +08:00

最近也在玩 electron 。多多交流~