11个适用于前端开发人员的有用在线工具

nminify通过解压、去模糊化和美观化代码，能够再次读出一段压缩过的代码。

3. BundlePhobia

你是否曾经不确定node_modules的空间大小，或只想知道pakckage.json 在电脑中占存多少?BundlPhobia能为你解答。

此工具可以上传一个packa.json 文件，同时显示从package.json 中植入的附属项的大小。

4. Stackblitz

这是很受欢迎的工具。Stackblitz提供了世界范围内最普及和使用频率最高的IDE 程序和网页上的 VisualStudioCode。

只需单击一下，Stackblitz 便能快速架构起Angular,React,Vue,Vanilla,RxJS,TypeScript等项目。

想要尝试编写新代码，或浏览器 中JS当前的任何框架特征，Stackblitz对你来说都大有裨益。想象你正在阅读 Angular 的一篇文章，遇到了想要尝试的代码，就将浏览器最小化，用几个 LOC 构建新的 Angular 项目。

操作简单便捷。

还有很多好用的在线IDE，但我相信Stackblitz有其独特之处。Visual Studio Code这款工具大家都擅长使用，也都喜欢使用，Stackblitz正是抓住了这点。

5. Babel REPL

Babel是一个免费的开源 JS 编译器，用于将现代 ES 代码隐藏到普通旧版本的 ES5 JavaScript 中。

此工具由 Babeljs 团队开发，是一款在线 Web 应用程序，它可以将 ES6+ 代码转码到 ES5。

我们可以用它来测试ES 的近期更新和ECMA在某些阶段添加的新功能。IT 能美化代码、限制文件大小，并让人在转换期间享受时空之旅。

6. Bit.dev

Bit.dev是个很好的组件中心。笔者用它进行组装、记录和管理不同项目中的可重用构件，能提高代码的重复利用度、加快开发进程并优化团队协作。

对于重新构建设计系统，它也是不错的替代品(因为它基本上满足

（编辑：伊春站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!