开发工具html5前端开发工具有哪些？

Html5前端开发工具有哪些

Htm l5已经发展了一段时间市场上有很多Html5前端开发工具 比如说Livew eave、JSFiddle、 Codepen、Dabblet、 JS Bin、 CSSDeck等。虽然各有优劣但是在不同的人眼中亦有不同的看法。

今天就为大家简单介绍几种Html5前端开发工具。

1、Html5前端开发工具——Liveweave

Liv ew eave是一个拥有很多功能的开发平台 比如可以关闭的实时预览。你也可以为了保护视力开启夜间模式将所有界面都变暗。 Liveweave提供了20多个JavaScript库甚至还支持SVG。其内置的标尺使测量更加精确更符合美学标准。

2、Html5前端开发工具——JSFiddle

J SFiddle可以说是成就了开发环境的流行它是第一个也是最出名的平台。 J SFidd le有超过30个可以立即使用的JavaScript库你还可以轻松的添加外部文件。在预处理方面它有用于CSS的SCSS、用于JS的CoffeeScript以及用于HTML的简单Vanilla。

3、Html5前端开发工具——CSSDeck

CSSDeck已经存在一些年了但它的影响力好像不是很大。不过 由于它的简洁性它还是值得关注的。如果你不需要其它平台里那些复杂的功能那CSSDeck就应该是你的选择。

CS SDeck的预处理器包括用于HTML的HAML、Markdown、 Slim和Jade用于CS S的LESS、 Stylus、 SASS和SCSS 以及用于JS的CoffeeScript。它还有几个可用的CSS和javascript库对于没有的库你只需要将其手动地添加到库的列表中就可以使用了。

4、Html5前端开发工具——Dabblet

当我还在使用十六进制颜色代码的时候 Dabblet的特性让我惊讶了它的颜色预览居然显示在代码旁这是我第一次见到这样的设置。虽然我不确定这是否是一个有用的特性但是它的整洁性还是给我留下了很深的印象。

5、Html5前端开发工具——JS Bin

JS Bin是由JavaScript开发大师Remy Sharp创建的他拥有一家专注于JavaScript和HTML5的web开发公司。 JS Bin的JS预处理器包括CoffeeScript、TypeScript、Trac eur、 JSX以及可供使用的超过40个的JS库。你同样可以添加外部文件但是必须在编辑器上手动操作。而用于CSS的预处理器它提供了LESS。

6、Html5前端开发工具——Codepen

Codepen应该是全世界最受欢迎的开发环境之一了。 CS S技巧的作者Chris Coyier是Codepen的联合创始人之一这也就是为什么这款app看起来那么豪华。除了视觉上的优秀效果它可以生动地展现预览当你修改了代码就可以看到效果使你能够更容易地找出变化。