前端工程师都用哪些靠谱的小工具？

现在市场上可用的前端开发工具实在是数不胜数，令人眼花缭乱，作为一个已入坑的前端开发工程师，再此分享一下自己用过的一些工具库。

前端小工具

说到开发工具，肯定是少不了编辑器：

SublimeText

SublimeText

SublimeText

这个工具很火，关键在于它的小巧、简洁、快枪手，长长的文本打开速度也是杠杠的。具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

Adobe Dreamweaver

Dreamweaver

Adobe Dreamweaver，简称“DW”，中文名称 "梦想编织者"，是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 也是我刚入行时用的第一款编辑器。

HBuilder

DCloud - HBuilder、5+、mui、流应用、HTML5专家

HBuilder

通常新手的时候我建议安装这个编辑器，因为上面的各种提示很优秀，而且是国人开发的编辑器，必须要支持一下

Webstorm

Webstorm

WebStorm 为前端而生，专门为 JS 开发做了很多优化，有许多令前端工程师眼前一亮的地方，被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”，也是我目前正在使用的编辑器。

原型工具：

墨刀

MockingBot - Tutorials

墨刀

最好用的原型设计工具，快速构建移动应用原型与线框图，云端保存、实时手机预览、多种手势动画特效、一键导出工作流以及团队协作管理功能。

Axure RP

Axure RP

是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理

Mockplus  

Mockplus 做原型，更快，更简单！

Mockplus

是更快更简单的原型设计工具。交互快、设计快、演示快、上手快。拖一拖链接完成交互设计,放一放组件完成原型图,扫一扫二维码在手机中演示

导图工具：

x-mind  

http://www.xmind.net/

是一款实用的思维导图软件,简单易用、美观、功能强大,拥有高效的可视化思维模式,具备可扩展、跨平台、稳定性和性能,真正帮助用户提高生产率,促进有效沟通及协作。

novamind

novamind

带有演示功能的思维导图绘制工具，界面美观，富有亲和力， 支持任意角度的自动布局，节点和连接线也异常灵活，能够任意拖动，强大的连接线编辑功能也是特色之一

mindmanager

MindManager思维导图中文官网-MindManager 2017中文版

mindmanager

是一款创造、管理和交流思想的思维导图软件，界面友好功能强大，头脑风暴、会议管理及项目管理工具帮您轻松创建思维导图，有序组织思维、资源和项目进程。

在线压缩工具：

tool.lu

Html在线美化压缩/转js - 在线工具

tool

在线工具,开发人员工具,代码格式化、压缩、加密、解密,下载链接转换,sql工具,正则测试工具,favicon在线制作,ruby工具,中文简繁体转换,迅雷下载链接转换,程序猿的在线工具

TinyJPG – Compress JPEG images intelligently     在线png图片压缩工具，可批量使用

BCompare  是一个综合的比对工具，主要目标还是帮助您详尽的分析差异之处，并且对它们进行详尽的处理。

FastStone Capture  是一款抓屏工具，体积小巧、功能强大。不但具有常规截图等功能，更有从扫描器获取图像，和将图像转换为 PDF 文档等功能

csssprites  是一种流行的图片处理方式，它允许网页设计师将很多张图片合并在同一张图档中，然后根据 CSS 档中的文字描述将图档分区块加载

Teleport Ultra 是一款专业的离线浏览器，能够快速、准确地从网络抓取数据并保存到本地，实现离线浏览的目的。可以从 Internet 的任何地方抓回你想要的任何文件。