前端神器推荐—我们也可以高效优雅的写前端代码

写前端代码也有一年了,一直在三亚米饭网络公司，小有收货。今天给大家分享一下我觉得前端开发比较好的工具，可以大大提升开发效率，而且都是可以在windows 和Mac OSX下完美使用。
更新一个
0.alloydesigner

AlloyDesigner 的创意来自于“临摹”的灵感，使用AlloyDesigner后，你可以把设计稿拖进你的Web页面铺在页面的最底层，然后就可以对着设计稿来构建DOM元素和CSS样式啦，这样子是不是直观了很多？通过AlloyDesigner直观地调整页面，迅速达到与视觉稿一致的目的。

 

1.Mrakman

神器，贴一段百度百科的介绍

MarkMan –马克鳗 是一款方便高效的标注工具，极大节省设计师在设计稿上添加和修改标注的时间，让设计更有爱。 马克鳗使用起来也是非常简单，双击添加测量，单击改变横纵方向等等功能，基本都是一建完成。 马克鳗是基于 Adobe AIR 平台，可以跨平台使用，减少了在不同平台使用产生的一系列问题。

我在windows和Mac osx体验都很好，小巧，方便。配合ps切图非常给力。

 

2.F5

和MarkMan是同一家公司出的，主要作用就是保存自动刷新网页，不用我们不停的去按F5了，这个是他们的微博地址http://weibo.com/f5app，这个绝对是提升效率的宝贝，我是两个显示器，直接一个显示器写代码，另一个现实器用F5实时预览，相当NB。

3.sublime text

一个很轻量级的编辑器，装前端插件后写起来非常轻快，当然配合F5那就更爽了，这张是我装的插件截图：

 

希望大家能合理利用这些小工具，来更加高效优雅的写代码。