前端测试工具-个前端开发必备工具，提高你的生产力

网络为我们提供了多种多样的前端工具，我挑选了6个实用的前端工具，能帮助大家提高工作效率。

1.EnjoycSS

老实说，我做过很多的前端开发，但一直不擅长cSS。

这个简单易上手的工具在很多时候给了我极大的帮助。它既是一个代码生成器，也是一个视觉编辑器。

你可以用它来创建各种网页元素，例如按钮、输入框，同时给它们添加自定cSS3属性。

2.PRettieR PlaygRound

PRettieR是一个代码格式化工具，支持JAVAScRIPt, ES2017, JSX, angulaR, Vue, Flow, TyPEScRIPt等。

它能够解析代码，使用你自己设定的规则来重新打印出格式规范的代码。

这个工具非常流行，并且有一个线上版本。

3.POSTman

POSTman是一种网页调试与发送网页http请求的chRome插件。

我们可以用来很方便的模拟GET或者POST或者其他方式的请求来调试接口。

我从事开发来，POSTman就一直存在于我的开发工具列表中。

4.StackBlITz

cHidume nnamdi 曾说，这是每个用户最喜欢的在线IDE工具。

主要原因是它将我们最喜欢和最常用的IDE引入了Web — Visual Studio code。

StackBlITz允许您一键设置angulaR，React，Ionic，TyPEScRIPt，RxJS，Svelte和其他JAVAScRIPt框架。

由于有了这个方便的功能，您可以在不到五秒钟的时间内开始编码。

5.BIt.dev

软件开发的一项基本原则是代码可重用性。这使您可以减少开发工作，因为您无需从头开始构建组件。

这正是BIt.dev所做的。它使您可以共享可重用的代码组件和代码片段，从而使您减少开销并加快开发过程。

它还允许在团队之间共享组件，这使您的团队可以与其他团队协作。

6.canIUse

这个在线工具非常方便，因为它使您可以了解所实现的功能是否与您希望使用的浏览器兼容。

为了了解这一点，让我们检查一下哪些浏览器支持WebP图像格式。

如您所见，目前不支持SafaRi和IE。这意味着您应该为不兼容的浏览器提供一个后备选项。下面的代码段是支持所有浏览器的最常用WebP图像实现。

本文翻译自: 6 Must-Use Tools foR FRont-End Development—by MahdHi Rezvi

前端开发工具就推荐到这里，想学习前端课程，可以访问 “实验楼” 官网学习。

课程推荐：

《HTML 基础课程》（免费）

《cSS 基础课程》（免费）

《HTML5 基础教程》（免费）

《JAVAScRIPt基础课程》（免费）

以上课程均可在“实验楼”官网获取。