磨刀不误砍柴工，找到适宜本人的工具对于工作来说相对是一个事倍功半的事件。不仅效率蹭蹭蹭地往上涨，对于我集体而言，单纯的喜爱谋求高效率，用个“趁手”的家伙情绪都会变得更爽。
明天，就和大家举荐几款好用的开发工具～
01. EnjoyCSS
EnjoyCSS 能够输入 CSS、LESS、SCSS 代码，并反对指定须要反对哪些浏览器及其最低版本。开发简略页面时用起来比拟不便，但不太适宜简单一点的前端我的项目（这类我的项目往往须要引入 CSS 框架）。
02. Prettier Playground
Prettier Playground 是一个代码格式化工具，反对格式化 JavaScript 代码（包含 ES2017、JSX、Angular、Vue、Flow、TypeScript 等）。Prettier 会移除代码本来的款式，替换为遵循最佳实际的标准化、统一的款式。IDE 大多反对 Prettier 工具，不过 Prettier 也有在线版本，让你能够在浏览器里格式化代码。
如果工作电脑不在手边，应用挪动端设施或者长期借用他人的电脑查看代码时，Prettier Playground 十分好用。相比在 IDE 或编辑器下应用 Prettier，集体更举荐通过 git pre-commit hook 配置 Prettier：hook 能够保障整个团队应用对立的配置，免去各自别离配置 IDE 或编辑器的麻烦。如果是老我的项目，hook 还能够设置只格式化有改变的单个文件甚至有改变的代码段，防止在 IDE 或编辑器下应用 Prettier 时不小心格局了大量代码，吞没了 commit 的次要改变，让 review 代码变得非常苦楚。
03. Postman
Postman 测试后端 API 接口时十分好用。GET、POST、DELETE、OPTIONS、PUT 这些办法都反对。
Postman 之外，Insomnia 也是很风行的 REST API 测试工具，亮点是反对 GraphQL。不过 Postman 从 去年夏天公布的 v7.2 起也反对了 GraphQL。
04. StackBlitz
Chidume Nnamdi 盛赞这是每个用户最喜爱的在线 IDE。StackBlitz 将大家最喜爱，最罕用的 IDE Visual Studio Code 搬进了浏览器。StackBlitz 反对一键配置 Angular、Reart、Ionic、TypeScript、RxJS、Svelte 等 JavaScript 框架。这个在线 IDE 能够用来在线尝试一些样例代码或库，无需在本地从头搭建环境。
微软官网其实也提供了在线版本的 VSCode，能够在浏览器内应用 VSCode，并且反对开发 Node.js 我的项目（基于 Azure）。不过 StackBlitz 更专一于优化前端开发体验，界面更加直观一点，也推出了 beta 版本的 Node.js 反对（基于 GCP，须要填表申请）。
05. Bit.dev
软件开发的根本准则之一就是代码复用。代码复用缩小了开发量，让你不必从头开发组件。这正是 Bit.dev 做的事，分享可重用的组件和片段，升高开发量，减速开发过程。
Bit.dev 能够用来创立设计体系，容许团队内的开发者和设计师一起合作，从头搭建一套设计体系。Bit.dev 目前反对 React、Vue、Angular、Node 及其他 JavaScript 框架。
在 Bit.dev 上不仅能够搜寻组件，还能够间接查看组件的依赖，浏览组件的代码，甚至在线编辑代码并查看预览成果！选好组件后能够通过 Bit.dev 的命令行工具 bit 在本地我的项目引入组件，也能够通过 npm、yarn 引入组件。
06. CanIUse
CanIUse 是十分好用的在线工具，能够不便地查看各大浏览器对某个个性的反对水平。
CanIUse 还能够在命令行下应用，例如，在命令行下查看 WebP 图像格式的浏览器兼容性：caniuse webp（运行命令前须要当时通过 npm install -g caniuse-cmd 装置命令行工具。
本文参加了 SegmentFault 思否征文「1024 征文活动」，欢送正在浏览的你也退出。