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

全文共2080字，预计学习时长6分钟

来源：Pexels

作为前端开发人员，互联网有很多令人惊叹的工具，这些工具为我们的生活提供了极大的便利。

 

本文将快速回顾开发工作中经常使用的 11 个工具。

 

大家和小芯一起来看看吧~

 

1. Minify

 

为减小应用代码的包大小空间，可以对其进行压缩。压缩能清除空白格,无效代码等，让应用程序的包大小大幅减小，从而加快浏览器的加载时间。

 

这个在线工具minify.com能够对网站代码进行压缩。

 

2.Unminify

 

这个工具与Minify的作用恰恰相反。

 

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

 

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正是抓住了这点。