必备！11个适用于前端开发人员的有用在线工具
最后更新：2020-03-17 11:22:31 手机定位技术交流文章
的全文共2080字，预计需要6分钟才能学会
来源:Pexels
作为一名前端开发人员，互联网拥有许多令人惊叹的工具，为我们的生活提供了极大的便利。
本文将快速回顾开发工作中常用的11种工具
让我们一起来看看它和小核心~
1。mini fy
为了减少应用程序代码的数据包大小空间，可以对其进行压缩压缩可以消除空格、无效代码等。并且大大减小了应用程序的包大小，从而加快了浏览器的加载时间。minify.com在线工具
可以压缩网站代码
2 . UnMiniY
此工具与Minify的效果完全相反
Unminify可以通过解压缩、去模糊和美化代码来再次读取压缩代码
3 .捆绑恐惧症
您是否曾经不确定node_modules的空间大小，或者只是想知道pakckage.json在计算机中占据了多少空间？邦迪·霍比亚可以为你解答
此工具可以上传package.json文件并显示从package嵌入的附件的大小。同时JSON
4。stackblitz
这是最流行的工具Stackblitz在网页上提供世界上最受欢迎和最常用的ide程序和可视化研究代码。
只需单击一下，即可快速构建angular、reach、vue、vanilla、rjs、typescript和其他项目。如果
想要尝试在浏览器中编写新代码或JS的任何当前框架特性，Stackblitz将对您大有裨益。想象一下，你正在读《角度》杂志的一篇文章，遇到了你想尝试的代码。将你的浏览器最小化，用几个LOC创建一个新的Angular项目。
操作简便
也有许多有用的在线集成开发环境，但是我相信Stackblitz有它自己独特的特性。Visual Studio代码是每个人都擅长使用并且喜欢使用的工具。斯塔克布里兹刚刚抓住了这一点。
来源:pexels
5。babel pl
babel是一个免费的开源JS编译器，用于将现代的ES代码隐藏到普通的旧版本的ES5 JavaScript中巴别塔团队开发的
是一个在线网络应用程序，可以将ES6+代码转换为ES5
我们可以使用它来测试es的最新更新以及ECMA在某些阶段添加的新功能它可以美化代码，限制文件大小，让人们在转换过程中享受时空之旅。
6 . bit . dev
bit . dev是一个很好的组件中心作者使用它来组装、记录和管理不同项目中的可重用组件，这可以提高代码重用、加速开发过程和优化团队协作。
也是重建设计系统的良好替代品(因为它基本满足设计系统的要求)比特dev和比特完美地结合在一起。Bit是一个用于分离和分发组件的开源工具。
Bit.dev支持reach，reach with typescript，angular，Vue等组件
示例:搜索Bit.dev以获得共享的反应组件
7。更漂亮的游乐场
更漂亮是一个稳定的JS代码格式化程序通过它对代码进行解析和编辑，可以保持代码格式不变，实现最佳的JS编码实践
广泛用于开发工作。此外，它还提供了一个美化代码的在线平台。
来源:pexels
8。JWT.io
如果您使用JSON网络令牌(JWT)来保护应用程序，或者JWT允许用户访问后端的受保护资源
确定是否应该访问路由或资源的一种方法是检查令牌的过期时间有时需要对JWT进行解码才能看到它的有效载荷，而jwt.io恰好提供了这种服务。
这个在线工具允许人们查看有效负载粘贴令牌后，jwt.io解码令牌并显示其有效负载
9 .邮差
此工具有助于快速测试API端点:get、post、delete、options、put。
作者使用过此工具，值得排名第10位
10。canlus
对浏览器中的网络应用程序接口(网络应用程序接口)的兼容性有任何疑问，或者它在移动浏览器中可用吗？这个在线工具可以帮助您轻松测试网络应用编程接口浏览器的兼容性。
假设您想知道哪些浏览器及其版本支持web共享API:
navigator.share(...)
。支持navigator的所有浏览器及其版本。分享(...)被列出
11。JSLint
在使用JSLint的人眼里，JSLint在他们心中排名第一。JSLint的在线版本可以在浏览器中编译JS代码或JS文件。
结论
，当然，还有许多有用的工具没有列出，这部分欢迎所有机智的人加入哟~
谢谢阅读！
评论表扬关注
我们分享人工智能学习和发展干货
如转载，请留言，遵守转载规范
本文由 在线网速测试 整理编辑，转载请注明出处。
