推荐一款颜值很高的在线代码运行工具WebMaker,如上图所示,UI精美简洁,功能缺不少,大概罗列下官网所说的支持的一些功能。
脱机离线使用
官网提供了Chrome插件,下载安装后即可在无网络的环境下使用,但是如果有引用一些网络的库的是不行的,没网络还是无法加载的。
由于国内被墙,大家可以点我去下载
预处理器支持
如官网所说的,无论是Markdown,Jade,SCSS,LESS,Atomic CSS,JSX,CoffeeScript还是TypeScript,都能够很好的支持。
快速添加库
点击Add library,搜索你想要添加的任何库
多种布局
多种布局形式,挑个你喜欢的吧。
快速预览截图
想要快速生成一张代码图片?WebMaker支持快速截图,点击右下角的相机按钮即可。
自己测试下,发现点了不管用,不知道什么原因,其他朋友可以试试。
Codepen分享
写完的代码怎能没有分享呢,WebMaker本身是不支持代码分享的,但是它提供了一个在Codepen中打开的功能。
点击右下角的Codepen按钮图标即可在Codepen中打开,然后随意分享你的代码吧。
代码保存
这里我们可以选择GitHub方式登录,比较后两者在国内都被墙了。
登录完成后你的代码都可以保存在My Library
中,点击右上角的Open
按钮即可查看My Library
,也可以将My Library
中的东西导入导出。
总结
个人感觉还是一款挺不错的在线代码运行工具,而且不需要fanqiang即可使用,
相对于jsfiddle
,jsfiddle
也很好用,但是需要fanqiang才能使用,所以国内情况基本用不了,codepen
虽然也挺好,但是我不太喜欢它的编辑器,感觉很难用,平时分享的可以使用codepen
,
所以可以配合WebMaker
和codepen
进行在线代码的编写和分享无缝合作,感觉很完美。