常用工具

图标库

• iconfont (opens new window)阿里图标库
• iconfinder (opens new window)免费图标搜索引擎

调试工具

• Chrome
• Firefox
• ucdevtools (opens new window)移动端调试工具
• vconsole 针对手机网页的前端开发者调试面板
  • vconsole (opens new window)支持Android4.4
  • vconsole-webpack-plugin (opens new window)Android4.4以上
• spy-debugger (opens new window)一站式页面调试、抓包工具。远程调试任何手机浏览器页面，任何手机移动端webview（如：微信，HybridApp等）。支持HTTP/HTTPS，无需USB连接设备。

抓包工具

• Charles (opens new window)macOS推荐
• Fiddler (opens new window)windows推荐

图片压缩

• tinypng (opens new window)在线
• 智图 (opens new window)支持windows、macOS、gulp插件

设计稿自动标注

• pxcook (opens new window)支持windows、macOS
• 蓝湖 (opens new window)在线

Chrome插件

• Fehelper (opens new window)Web开发者助手
• vue devtools vue调试利器
• Fatkun 图片批量下载
• 谷歌访问助手

Mac软件

• Macwk (opens new window)

效率工具

数据库连接工具

• Navicat for MySQL（专业的数据库管理连接工具）
• Navicat Premium（强大的数据库管理工具）
• Redis Desktop Manager（RDM，跨平台开源Redis数据库管理工具)

FTP

• Electerm (opens new window)终端模拟器/ssh/sftp客户端
• Transmit 最好用的FTP客户端
• FileZilla (opens new window)免费开源的FTP解决方案。支持FTP、FTPS、SFTP等文件传输协议

字体工具

• fontmin (opens new window) 网页最小化字体解决方案，第一个纯 JavaScript 字体子集化方案

其他工具

• SwitchHosts (opens new window)host切换工具，支持windows、macOS
• Can I Use (opens new window) 前端浏览器兼容性查询工具，查询Css、Js在浏览器中的兼容性。
• Typora (opens new window)简洁的markdown编辑器。