建德网站开发：6个在线代码开发平台

建德网站开发在过去几年有几个编码操场突然出现,令我们喜悦。 这些都是 web应用程序允许实时编辑和预览 客户端代码:HTML、CSS和JavaScript。 这些编码操场是最好的部分 他们中的大多数都是免费的 你可以很容易地和别人分享一个“游乐场” 为教学目的 或调试。

就我个人而言,这些web应用程序是一个伟大的帮助我的工作。 每当我发现自己难住了JavaScript和CSS,我可以很容易地创建一个操场和其他开发者朋友来帮我分享。 他们是 有趣的 , 互动 , 特别是对于初学者完全有用 。 这里有 6编码游乐场,你可以自己试试。

推荐阅读: 15个在线网站来测试你的代码

1. Codepen

Codepen可能是 最流行的一种编码操场 在那里。 克里斯Coyier的CSS技巧/ Codepen》的联合创始人之一,这可能解释了为什么这个web应用程序看起来大。 除了时尚的视觉效果,Codepen 显示实时预览您所作的改变的编辑器 ,使其更容易看到因果。

Codepen可用的CSS预处理程序包括SCSS SASS,少和手写笔。 预处理程序和JS CoffeeScript和LiveScript。 对HTML Haml,减价,苗条,玉。 也有 8内置JS库 准备好被使用。 协作和私人“笔”Codepen可用,但是你必须支付他们。

2. JSFiddle

JSFiddle可能是 负责编码操场的流行 ,因为它是第一个和最著名的游乐场。 JSFiddle已经 30多个JavaScript库 准备立即使用,加上你 可以添加外部文件 很容易。 预处理,它有SCSS CSS, CoffeeScript JS和简单的香草HTML。

如果你与另一个开发人员合作,我强烈推荐使用JSFiddle整理。 在可用的编码操场,JSFiddle 协作特性可能是最好的 的一群人。 加上功能易于使用和自由,不像Codepen。

JSFiddle缺少的是住预览吗 。 基本上你需要刷新页面通过点击播放按钮。 和其他相比,操场,JSFiddle 可能最慢 。 另一个 稍微令人沮丧的怪癖 JSFiddle是 它的运行按钮 ,有时点击它不工作,所以你必须点击几次它实际上运行代码之前(是的,我测试了这个在多个浏览器)。

3. JS本

JS本是由雷米,主JavaScript开发人员拥有web开发公司的关注,你猜对了,JavaScript(和HTML5)。 JS本的预处理程序JS包括CoffeeScript打印稿,Traceur, JSX和 超过40 JS库 在其处理。 你 可以添加外部文件 ,但是你会 要做手工吗 在编辑器中。 预处理程序至于CSS,它提供更少。

使它有别于以前的操场是JS本 允许您下载文件到你的电脑 一个很棒的功能,开发者可能有用,特别是在摆弄着代码,同时离线。 你也可以 创建私人“垃圾箱” 在JS本但你会 必须支付这个功能吗 。 不幸的是,在这一点上,JS本没有协作功能。

4. CSSDeck

CSSDeck已经 已经存在好几年了 但它没有太大的影响。 但它仍然是值得注意的 它的简单 。 如果你想避免他们所有其他游乐场所有的噪声特性,CSSDeck是要使用的应用程序。

CSSDeck的预处理程序包括HAML减价,苗条,和玉HTML,少,手写笔,SASS, SCSS CSS, CoffeeScript JS。 它还 有几个CSS和javascript库吗 可用的和添加库列表中没有手动完成的,这应该很容易。

关于CSSDeck有一件事情让我吃惊,那是它的简单但有用的功能,允许它的用户 增加文本大小 。 如果你正在寻找一个操场有很多奇特的特点然后CSSDeck并不适合你。 但这也使得它独特 它的简单性使专注于重要的事情 。

5. Dabblet

建德网站开发在什么之前,Dabblet惊讶我大的时候 徘徊在十六进制颜色代码 。 颜色实际上跳出来! 现在,这是第一次。 虽然我不确定如果实际上是一个有用的功能,它还很整洁。

现在,Dabblet的伟大之处 它允许用户预览在5个不同的观点 :CSS编辑器和结果、HTML编辑器和结果,CSS和HTML编辑器和结果,JavaScript和其结果可玩,或一次性解决所有问题。 我希望不是一口,但是关键是理解这一点 这个大部分功能不可用其他游乐场 。

我困惑的一件事 HTML和CSS的预处理程序缺乏选择 。 它没有这些内置的JavaScript库。 但我猜你 可以手动插入这些 ,所以没问题。 对于每一个板,他们在大小是固定的,不能调整,前面的操场。 此外,它 似乎没有一个画廊来自其他用户的演示 。

6. Liveweave

Liveweave是 一个有用的编码操场上挤满了不少功能 如有能力 关闭实时预览 。 你也可以更好的照顾你的视力 夜视模式 ,一切变成黑暗。 Liveweave提供 20多个JavaScript库 。 它甚至支持SVG。 它还 有一个内置的统治者 这是伟大的精确测量和美学。

一件事引起了我的注意它 简单的协作特性 。 如果你有使用Teamviewer过去,它以同样的方式工作。 团队中的所有你需要做的就是点击链接,你可以分享链接到你的“编织”。 我不确定如果它是我的笔记本电脑或网络连接,但是 似乎有一种轻微的延迟 。 不过,这是一个基本功能和Liveweave干的漂亮。

你甚至可以 下载你的编织为一个单一的HTML文件 (哎呀,JS、CSS和HTML在一个文件——减分!)或者 一个zip文件 为单独的HTML、CSS和javascript文件(你)。 在我忘记之前, 一个内置的Lorem Ipsum生成器 。

结论

好了,好了, 每个游乐场都有自己独特的特点 可能对你有用,你的一个“游戏”。 建德网站开发希望本文能够帮助您在挑选适合您的需要。 如果你有其他的操场,请在下面的评论中与我们分享。