英文 | https://blog.bitsrc.io/12-useful-online-tools-for-frontend-developers-bf98f3bf7c63
翻译 | 杨小二
网络上充满着各式各样出众的辅助工具，那些辅助工具使他们那些后端合作开发相关人员的组织工作显得更为随心所欲。在这首诗中，我将加速简述呵呵我在合作开发组织工作中时常采用的12种辅助工具，期望对你略有协助。
1、CanIUse
门牌号：https://caniuse.com/
假如你不确认web API与否与某一应用程序相容，或是在终端应用程序中与否能出访不然。那个新浪网辅助工具能随心所欲帮你试验Web API的应用程序相容性。
该辅助工具为图形界面和终端电子设备上的后端Web控制技术提供更多了不断改进的应用程序全力支持表。
假定他们想晓得什么样应用程序或其版全力支持web天然资源的API请出访navigator.share，附注列举了全力支持navigator.share的应用程序或其版。
2、Minify
门牌号：http://minify.com/为了减小应用程序代码的文件大小，合作开发相关人员会将它们的体积压缩到最小。最小化会删除空格、无效代码等，这就大大减少了应用程序文件的大小，从而加快了应用程序的下载速度。minify.com新浪网辅助工具能够最小化压缩Web应用程序代码。
3、Bit.dev
门牌号：https://bit.dev/
Bit.dev是一个很不错的组件中心。我用它来托管、记录和管理来自不同项目的可重用组件。这是改善代码重用，加快合作开发速度和优化团队协作的好方法。这也是从头开始构建设计系统的不错选择（因为它本质上具有设计系统所需的一切）。Bit.dev与Bit完美配合，Bit是处理组件隔离和发布的开源辅助工具。Bit.dev全力支持React，带有TypeScript的React，Angular，Vue等。
4、 Unminify门牌号：https://unminify.com/
该辅助工具的作用与minify相反。该辅助工具允许通过压缩、解压缩和执行预检查，来使最小化的JS代码的一部分再次显得可读。
5、Stackblitz
门牌号：https://stackblitz.com/
该辅助工具在合作开发者中非常流行。Stackblitz为他们提供更多了采用全球范围内采用最广泛的IDE Visual Studio Code的功能。一键安装Stackblitz即可加速安装Angular，React，Vue，Vanilla，RxJS，TypeScript项目。当你想从应用程序中尝试任何现有JS平台中的一段代码或函数时，Stackblitz尤其有用。想象呵呵，你正在阅读Angular文章，偶然发现了你想要尝试的代码。只需单击几下，你就可以最小化应用程序并创建一个新的Angular项目。加速而便捷。还有其他很棒的新浪网IDE，但是我相信Stackblitz是每个人都喜欢的新浪网辅助工具。
6. JWT.io
门牌号：https://jwt.io/
假如你采用JSON Web令牌（JWT）保护应用程序安全，或是采用JWT允许用户出访后端的受保护天然资源。那个辅助工具将对你非常有用。决定与否应出访路线或天然资源的一种方法是检查令牌的到期时间。有时候他们想要解码JWT以查看其有效负载时，jwt.io恰好提供更多了这一点。那个新浪网辅助工具使他们能够插入令牌以查看其有效载荷。一旦他们插入令牌后，jwt.io会对其进行解码并显示其有用数据。
7、BundlePhobia
门牌号：https://bundlephobia.com/
假如不确认过node_modules文件的大小，或是想晓得计算机上安装了多大尺寸的pakckage.json文件不然，那能从BundlePhobia找到答案。该辅助工具允许他们下载package.json文件，并显示package.json安装的依赖项的文件大小。
8、 Babel REPL
门牌号：https://babeljs.io/en/replBabel是一个免费的开放源代码JS转编译器，用于将现代ES代码转换为普通的旧ES5 JavaScript。
该辅助工具是Babeljs团队在网上建立的Web应用，能将ES6 +代码转换为ES5。
它能够试验最近对ES的增补，或是试验在ECMA中增补的某些功能。能协助IT专业相关人员预先优化代码，限制文件大小，并允许他们在整个编译过程中随时终端。
9、Prettier Playground
门牌号：https://prettier.io/playground/
Prettier是一个采用方便的JS代码格式化程序。它通过分析代码并采用最佳的JS编码方法重写代码。该辅助工具在合作开发环境中被广泛采用，但是它也有一个新浪网平台，可以在该平台上预先优化代码。Prettier是一个采用方便的JS代码格式化程序。它通过分析代码并采用最佳的JS编码方法重写代码。该辅助工具在合作开发环境中被广泛采用，但是它也有一个新浪网平台，能在该平台上预先优化代码。
10、Codepen
门牌号：https://codepen.io/
CodePen是一个新浪网编码辅助工具，提供更多很多功能。CodePen允许合作开发相关人员创建自己的项目演示，能以跨平台采用。你也能在CodePen演示和项目中采用外部托管的天然资源。假如需要进行操作。CodePen有免费版能采用，也有付费版，付费版是起价为8美元/月。
11、Postman
门牌号：https://www.postman.com/
此辅助工具可协助加速检查API端点:GET、POST、DELETE、OPTIONS、PUT，我一直在采用它。
12、 JSLint
门牌号：https://jslint.com/
JS JSLint是世界上的领先者，这是一个JSLint新浪网版，允许运行一个JS代码片段或JS文件应用程序。总结还有许多有用的辅助工具，但那些是我的最爱。假如你对此有任何疑问或是需要我更正或删除任何内容，请随时发表留言进行评论。非常感你的阅读。译者注：根据英文原文的一些内容，因为标题与内容有些出入，所以我在翻译的时候，做了一些内容的修改与调整，其中，第10个辅助工具是我在翻译的时候自行增加上去的内容。我自己也一直用，我觉得那个也是一个非常棒的新浪网辅助工具，也是很多合作开发者非常喜欢上的一个网站，你能在上面寻找各式各样创作
灵感，也能浏览其他合作开发者的一些演示作品，上面有很多非常棒的作品。只要是做合作开发的人，基本都晓得那个网站。
另外，为了便于阅读，翻译文章均采用非直译。
