六个提升前端开发效率的工具

网络上有许多由街道社区核心成员提供更多的辅助工具，能协助明显改善他们后端合作开发相关人员的合作开发新体验。上面撷取呵呵我对个人十分讨厌的两个后端辅助工具。

1. EnjoyCSS

正经说，虽然我做了许多后端合作开发组织工作，但却是不太擅于采用 CSS。EnjoyCSS 是这款十分单纯的辅助工具，是我在十分困难末期的救世主。它为采用者提供更多了单纯的 UI，让采用者能结构设计原素，并提供更多相关联的 CSS 输入。

2. Prettier Playground

Prettier 是一类标识符序列化流程，全力支持 JavaScript，主要就包括 ES2017、JSX、Angular、Vue、Flow 和 TypeScript 等。它会用符合要求并遵从最差课堂教学的式样代替掉你原本的式样。那个方便快捷的辅助工具在他们的 IDE 中十分盛行，但它也有他们的新浪网版，你能在里头强化你的标识符。

3. Postman

从我踏进后端合作开发起，Postman 就始终是我的必不可少合作开发辅助工具众所周知。它能在后端检查和我的西北侧，十分称心。它的出众整体表现让我把它放在了这儿。它包涵的西北侧主要就包括 GET、POST、DELETE、OPTIONS 和 PUT 等等。能称作当然无法错失的这款辅助工具。

4. StackBlitz

据 Chidume Nnamdi称，这是大部份采用者最讨厌的新浪网 IDE 辅助工具。主要就其原因是它将他们最讨厌和最常见的 IDE——也是 Visual Studio Code，导入了 Web 端。

StackBlitz 允许你一键设置 Angular、React、Ionic、TypeScript、RxJS、Svelte 和其他 JavaScript 框架。一键设置那个功能意味着合作开发者能在极短的时间内开始编码。我发现这款辅助工具十分有用，尤其是新浪网上尝试示例标识符段或库时。你可能没有时间从头开始创建一个新项目来尝试一项新功能。有了 StackBlitz，你只需不到几分钟的时间就能试用新的 NPM 软件包，而无需从头开始在本地创建项目。

5. Bit.dev

软件合作开发的一项基本原则是标识符可重用性。这能减少你的合作开发组织工作，因为你无需从头开始构建每个组件。

这正是 Bit.dev 所做的。它使你能共享可重用的标识符组件和代码片段，从而减少开销并加快合作开发流程。

它还允许在团队之间共享组件，这使你的团队能与其他团队更好地协作。

“组件是你的结构设计系统。共同打造更好的产品。”—Bit.dev

正如 Bit.dev 所提到的，这一组件平台也适合用作结构设计系统构建器。它能让你的合作开发相关人员和结构设计师团队共同组织工作，是从头开始构建结构设计系统的理想辅助工具。

Bit.dev 现在全力支持 React、Vue、Angular、Node 等 JavaScript 框架。

6. CanIUse

CanIUse 是这款新浪网辅助工具，采用起来十分方便快捷，因为它让你能了解所实现的特性是否与你希望采用的浏览器目标相兼容。

许多合作开发者都会遇到一个很闹心的问题，那是合作开发的应用程序中的某些特性在浏览器上的全力支持与兼容问题，明明在那个浏览器能正常采用，换了一个浏览器之后就不全力支持了。我同样有这样的困扰，在遇到过许多次那个问题之后，我开始牢记检查和浏览器兼容性的必要步骤。举一个例子：我的投资组合项目中的某项特性在 Safari 浏览器上并不受全力支持。直到项目部署两个月后我才知道这件事。

为了看看这款辅助工具是怎么组织工作的，他们来检查和呵呵哪些浏览器全力支持 WebP 图片格式。