好的工具能帮助程序员快速的编程，提高工作效率，让工作的变得更加简单高效。今天小编就从Chrome扩展、VS代码扩展、web开发、数据库工具这四个方面为大家详细介绍下多款超实用的编程工具，希望能对打大家的工作有所帮助。

1、Chrome扩展

WhatFont：可以查找你最喜欢的网站所使用的字体，以便应用到自己的项目上。

Pesticide：有助于查看<div>的轮廓并修改CSS。

Colorzilla：将网站上的颜色直接复制到剪贴板，这样就不会花费太多时间来尝试获得正确的RGBA组合。

CSS Peeper：以最简单的方式检查Web上隐藏的CSS对象、颜色和Asset样式。

Wappalyzer：有助于查看网站上使用的技术，比如网站使用什么样的框架或托管什么服务。React Dev Tools - 用于调试React应用程序，只有在编写React应用程序时才有用。

Redux Dev Tools：用于使用Redux调试应用程序，只有在应用程序中实现Redux时才有用。

JSON Formatter：使JSON看起来更干净。

Vimeo Repeat and Speed：加速Vimeo视频。

2、VS代码扩展

自动重命名标签：在重命名一个HTML / XML标签时，会自动重命名配对的HTML / XML标签。从理论上讲，效率提高了2倍。

HTML CSS支持：CSS支持HTML文档。对于获得一些简洁的语法高亮和代码建议很有用。

HTML代码段：有用的代码段，节省时间的好用工具。

Babel ES6/ES7?：如果使用的是Babel，可以更轻松地区分代码中的内容。

Colorizer?：将颜色添加到括号中以便于块可视化。

ESLint ：把ESLint集成到Visual Studio代码中。

Guides ：添加了各种缩进指南。

Auto ：由Github创建的开源文本编辑器。功能齐全，内置包管理器，智能自动完成，可以更快地编写代码。

Code Spell Checker ：拼写检查器。

VSCode-Icons?：向文件树添加图标。

Prettier?：自动代码格式化程序。

Git Lens ：检查代码何时以及由谁进行了更改，不当背锅侠，哈哈~

三、web开发

Parcel：快速，零配置的Web应用程序捆绑器。

Feather：简单漂亮的开源图标。

Hyperapp v1.0：用于构建现代UI应用程序的1kb库。

Sizzy：快速测试响应式网站的工具。

Heml：用于构建响应式电子邮件的开源标记语言。

Cypress：对浏览器中运行的内容进行快速、简便和可靠的测试。

FlowUp：可跟踪应用的整体性能，并深入了解各种关键性能指标，如FPS，内存使用情况，CPU使用率，磁盘使用情况等。

Stetho：一款功能强大的Android开源调试平台，由Facebook开发。

Android Asset Studio：一组简单易用的工具，用于生成设计和开发。Android应用程序时需要的各种类型的图标。

Android调试数据库：用于调试Android数据库。

Vysor：允许将真实设备镜像到计算机上。

LeakCanary：用于Android和Java的内存泄漏检测库。

Android Arsenal：可以找到Android的库，工具和项目的分类目录。

四、数据库工具

Navicat for MySQL：上手最快的操作数据库的软件。

HeidiSQL：数据库管理软件。

Navicat Lite：支持的数据库包括 MySQL、Oracle、SQLite、PostgreSQL 和 SQL Server等。

MySQL Workbench：一款图形化的数据库设计工具。

Sequel Pro：用于管理MySQL数据库（本地或在Internet上）。

觉得文章实用，欢迎大家转发和收藏，获取更多编程干货也欢迎大家关注我的头条号~