作为前端开发人员，互联网上充满了令人惊叹的工具，极大地方便了我们的生活。本文将快速回顾开发工作中经常使用的11种工具。和小新一起来看看吧~1.为了减小应用代码的包体积，Minify可以对其进行压缩。压缩去除空白、无效代码等，使应用程序的包大小大大减小，从而加快浏览器的加载时间。在线工具minify.com可以缩小网站代码。2.Unminify工具与Minify正好相反。Unminify通过对代码进行解压、去混淆和美化，可以再次读取一段压缩过的代码。3.BundlePhobia你是否曾经不确定node_modules的大小，或者只是想知道pakckage.json在你的电脑上占用了多少空间？BundlPhobia可以为您解答。此工具上传packa.json文件并显示从package.json填充的依赖项的大小。4.Stackblitz这是一个非常流行的工具。Stackblitz在Web上提供了世界上最流行和最常用的IDE程序和VisualStudioCode。只需轻轻一按，Stackblitz就可以快速构建Angular、React、Vue、Vanilla、RxJS、TypeScript等项目。如果您想在浏览器中尝试新代码或JS的任何当前框架功能，Stackblitz是您的好去处。想象一下，您正在阅读一篇Angular文章，遇到您想要尝试的代码，最小化您的浏览器，并构建一个包含几个LOC的新Angular项目。操作简单方便。有很多不错的在线IDE，但我相信Stackblitz有其独特之处。每个人都擅长使用VisualStudioCode，并且每个人都喜欢使用它。Stackblitz抓住了这一点。5.BabelREPLBabel是一个免费的开源JS编译器，用于将现代ES代码隐藏到普通的旧ES5JavaScript中。该工具由Babeljs团队开发，是一个将ES6+代码转码为ES5的在线Web应用程序。我们可以用它来测试ES最近的更新和ECMA在某些阶段添加的新特性。IT可以美化代码，限制文件大小，让人在转换过程中享受时光穿梭。6.Bit.devBit.dev是一个很好的组件中心。作者用它来组装、记录和管理不同项目中的可重用组件，可以提高代码重用，加快开发进程，优化团队协作。它也是重建设计系统的一个很好的替代品（因为它基本上可以满足设计系统的需求）。Bit.dev与Bit完美配合，Bit是一种用于分离和发布组件的开源工具。Bit.dev支持React、ReactwithTypeScript、Angular、Vue等组件示例：在Bit.dev中搜索共享的React组件7.PrettierPlaygroundPrettier是一个稳定的JS代码格式化程序。用它来解析和编辑代码，代码格式可以保持不变，实现优秀的JS编码实践。这个工具在开发工作中被广泛使用，不仅如此，它还提供了一个在线平台来美化代码。8.JWT.io如果您使用JSONWeb令牌(JWT)保护您的应用程序，或使用JWT为用户提供对后端受保护资源的访问权限。决定是否应该访问路由或资源的一种方法是检查令牌的到期时间。有时需要解码JWT以查看其有效负载，而jwt.io恰好提供了这项服务。这个在线工具允许人们获得查看有效载荷的权限。粘贴令牌后，jwt.io解码令牌，并显示其有效负载。9.Postman此工具有助于快速测试API端点：GET、POST、DELETE、OPTIONS、PUT。我用过这个工具，它值得第10名。10.CanlUse你有没有想过WebAPI（WebApplicationProgrammingInterface）在某个浏览器中是否兼容，或者在移动浏览器中是否可用？这个在线工具可以帮助您轻松测试WebAPI浏览器的兼容性。假设您想知道哪些浏览器及其版本支持WebShareAPI：navigator.share(...)您可以看到列出了所有支持navigator.share(...)的浏览器及其版本。11、JSLint在使用JSLint的人看来，JSLint在他们心中排在第一位。JSLint的在线版本可以在浏览器中编译一段JS代码或JS文件。结语当然，还有很多好用的工具没有列出来。这部分欢迎有心人在留言区补充~
