高颜值超级好用的在线代码运行工具WebMaker

推荐一款颜值很高的在线代码运行工具WebMaker,如上图所示,UI精美简洁,功能缺不少,大概罗列下官网所说的支持的一些功能。

脱机离线使用

官网提供了Chrome插件,下载安装后即可在无网络的环境下使用,但是如果有引用一些网络的库的是不行的,没网络还是无法加载的。

由于国内被墙,大家可以点我去下载

预处理器支持

如官网所说的,无论是Markdown,Jade,SCSS,LESS,Atomic CSS,JSX,CoffeeScript还是TypeScript,都能够很好的支持。

快速添加库

点击Add library,搜索你想要添加的任何库

高颜值超级好用的在线代码运行工具WebMaker

多种布局

多种布局形式,挑个你喜欢的吧。

高颜值超级好用的在线代码运行工具WebMaker

高颜值超级好用的在线代码运行工具WebMaker

高颜值超级好用的在线代码运行工具WebMaker

高颜值超级好用的在线代码运行工具WebMaker

高颜值超级好用的在线代码运行工具WebMaker

高颜值超级好用的在线代码运行工具WebMaker

快速预览截图

想要快速生成一张代码图片?WebMaker支持快速截图,点击右下角的相机按钮即可。

自己测试下,发现点了不管用,不知道什么原因,其他朋友可以试试。

高颜值超级好用的在线代码运行工具WebMaker

Codepen分享

写完的代码怎能没有分享呢,WebMaker本身是不支持代码分享的,但是它提供了一个在Codepen中打开的功能。
点击右下角的Codepen按钮图标即可在Codepen中打开,然后随意分享你的代码吧。

高颜值超级好用的在线代码运行工具WebMaker

高颜值超级好用的在线代码运行工具WebMaker

代码保存

这里我们可以选择GitHub方式登录,比较后两者在国内都被墙了。

高颜值超级好用的在线代码运行工具WebMaker

登录完成后你的代码都可以保存在My Library中,点击右上角的Open按钮即可查看My Library,也可以将My Library中的东西导入导出。

高颜值超级好用的在线代码运行工具WebMaker

总结

个人感觉还是一款挺不错的在线代码运行工具,而且不需要fanqiang即可使用,
相对于jsfiddlejsfiddle也很好用,但是需要fanqiang才能使用,所以国内情况基本用不了,
codepen虽然也挺好,但是我不太喜欢它的编辑器,感觉很难用,平时分享的可以使用codepen
所以可以配合WebMakercodepen进行在线代码的编写和分享无缝合作,感觉很完美。