强力推荐开发类chrome插件

时间 2019-11-08

原文原文链接

前几篇文章说过，比较喜欢折腾浏览器，本篇文章介绍本身在开发时候使用的扩展。平时开发程序时候，主要的测试浏览器都是使用chrome 强大的Developer Tools，响应快速，支持各类插件。固然也有些劣势，好比稍微占点内存。熟练使用这些插件，会对你的开发效率大大提升，逼格瞬间上升一个档次。前端

这里提供两种下载方式vue

Chrome Store ~~需打隧道~~
crx4chrome

开发类插件

JSON Viewer

在不少使用api接口的时候，几乎都是返回json格式。在调试的时候，须要查看返回的结果时候发现简直太乱了，并且对中文编码不友好。致使必须寻找这扩展解决这个问题。简直开发者必备！react

Postman

编写后端代码时候，须要API & HTTP 请求调试。在Linux下通常使用curl这种命令行工具，若是你不喜欢使用命令行，那么这款扩展就是你的不二人选，功能很是完善。git

Tampermonkey

这是必须安装的扩展了。俗称“油猴”，是很是强大的扩展。能够方便的脚本管理、脚本概览、设置多样性、脚本自动更新、安全、兼容性、Chrome 同步、CodeMirror 编辑器、JSHint 语法检查、快速开发、卸载等功能。其官方描述只一句 The world’s most popular userscript manager。github

WEB前端助手

前端必备，包括字符串编解码、图片base64编码、代码压缩、美化、JSON格式化、正则表达式、时间转换工具、二维码生成器、编码规范检测、页面性能检测、栅格检测、JS运行效率分析等web

Octotree

浏览托管在Github上的项目，可看到左侧的树形结构，更方便查看代码正则表达式

github-downloader

当咱们查找一些资源时GitHub，一般咱们须要在本地查找它们。这时咱们必须使用git clone，Download ZIP或Open in Desktop。但有时咱们不须要下载整个存储库，只需查看一些文件夹或某些文件。因此这个chrome扩展能够帮助您实现您的需求。chrome

ZenHub for GitHub

ZenHub是惟一一个在GitHub的用户界面中本地集成的项目管理工具。没有冗长的入职。没有配置问题。没有单独的登陆。开发人员能够在他们喜欢的环境中工做，项目经理能够全面了解开发过程。json

Isometric Contributions

GitHub上的commit 3D同样的展现，颇有趣。后端

Vue.js devtools

Chrome devtools扩展用于调试Vue.js应用程序

React Developer Tools

React Developer Tools是一个用于开源React JavaScript库的Chrome DevTools扩展。它容许您检查Chrome开发人员工具中的React组件层次结构

Restlet Client - REST API Testing

支持restful的请求客户端

在安装全部这些扩展程序以前，请记住每一个扩展程序都会占用一个新进程并占用一大块RAM。你主动使用哪些扩展？