原文镜像：https://medium.com/better-programming/6-must-use-tools-for-front-end-development-643f50c9161
译者：Mahdhi Rezvi
如有译者不精确，请常指正。
在网络中，千千万万由街道社区合作开发的辅助工具，能让前端合作开发有关人员的组织工作日常生活显得更为随心所欲。那时我想和他们撷取的，是我最喜欢的许多前端合作开发常用辅助工具，那些辅助工具吗对我的组织工作很有协助。
1EnjoyCSS虽说，尽管我做了许多前端合作开发组织工作，但我依然无法出众地利用CSS。那个比较单纯的辅助工具，是我顾虑到时的救世主。EnjoyCSS能让你透过单纯的UI结构设计你的原素，并且提供更多有关的CSS输入。
Prettier是两个标识符文件序列化流程，全力支持JavaScript，主要包括ES2017、JSX、Angular、Vue、Flow、TypeScript之类。它能去除你的原初文件格式，因此将其代替为遵从最差运转形式的、国际标准的完全一致式样。这般快捷的辅助工具在他们的GUI中极为盛行，在此之后它除了两个圣戈当斯区版，能新浪网顺利完成对标识符文件格式的修改。
自从我开始前端合作开发生涯，Postman就一直在我的合作开发有关人员辅助工具集中。它在后端检查GET、POST、DELETE、OPTIONS和PUT在内的一系列端点这方面，起到了非常显著的作用。Postman是榜单中当之无愧的存在，千万不要错过它噢。
根据 Chidume Nnamdi显示，StackBlitz是每名使用者都很喜欢的一款新浪网编辑辅助工具。最重要的一点是，它将他们最喜欢也最熟悉的IDE引入了web——Visual Studio Code中。
只要在StackBlitz中点击一下，你就能设置Angular、React、Ionic、TypeScript、RxJS、Svelte以及其他JavaScript框架。由于它的操作极为快捷，在打开StackBlitz后的五秒之内，你就能开始编辑标识符了。
StackBlitz极为好用，尤其在尝试简化标识符片段，或新浪网数据库方面，你可能没有时间从头开始创建新的项目，而只是尝试新的功能。而透过StackBlitz，你不需要创建新的项目，就能在短短几分钟内试用新的NPM软件包。很棒，对吗？
两个软件合作开发的基本原则是标识符的可重复使用性，它确保你能减少合作开发量，而不需要去从头构建组件。
这确实是Bit.dev能做到的，它允许共享可重复使用标识符片段和组件，从而减少开销，因此加快你的合作开发进程。
Bit.dev还允许在团队之间共享组件，让你的团队能与其他团队进行协作。
（组件是你的结构设计系统，一起来让它显得更好吧。——Bit.dev）
正如Bit.dev所说的那样，这一组件平台也适合用作结构设计系统构建器。让合作开发有关人员和结构设计师团队进行协同合作，Bit.dev是一款从头开始构建结构设计系统的理想辅助工具。
Bit.dev现在全力支持React，Vue，Angular，Node和其他JavaScript框架。
作为一款新浪网辅助工具，CanlUse非常的简便，能帮你弄清楚你期望实现的功能，是否与你使用的浏览器兼容。
许多合作开发者都会遇到浏览器的兼容问题，在那个浏览器上能正常使用的，但换两个浏览器就不全力支持了。在这方面我有许多经验，再遇到后很多次类似的问题之后，我会把兼容性检查作为合作开发的必要步骤，比如，我在Safari设备上的投资项目不全力支持某些特殊的功能，这件事我在部署之后的几个月之后才弄明白。
为了看看这款辅助工具是怎么组织工作的，让他们来检查一下哪些浏览器全力支持WebP图片文件格式。
就如同你看见的那样，Safari和IE目前不全力支持，这就意味着你需要对不兼容的浏览器留有两个备选项。下面的标识符片段，是WebP图片最常用的实现，全力支持所有的浏览器。
写在最后
以上我尝试找出的许多辅助工具，我觉得它们是我在合作开发生涯中遇到最好用的前端辅助工具了。如果你觉得除了哪些值得添加的辅助工具，也能在评论区留言。祝你coding愉快~
RECOMMEND
推荐阅读
