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

image

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

脱机离线使用

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

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

预处理器支持

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

快速添加库

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

image

多种布局

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

image

image

image

image

image

image

快速预览截图

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

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

image

Codepen分享

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

image

image

代码保存

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

image

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

image

总结

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

暂无评论

发送评论编辑评论

|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇