html前台开发工具,9个Web前端开发工具，收藏了

原标题：9个Web前端开发工具，收藏了

今天快快小编给大家分享9个Web前端开发工具，话不多说，请往下看吧。

一、Stackblitz

Stackblitz可以在Web上使用Visual Studio Code，并且只需点击一下，即可快速支持Angular、React、Vue、Vanilla、RxJS、TypeScript项目。

它很适合用浏览器尝试执行一段代码，或是任何操作当前JS框架的某个功能时使用，非常快速简便。

二、JSLint

JSLint是一款在线工具，可在浏览器中插入一段JS代码或JS文件，这是一款静态代码分析工具，用于检查JS源代码是否符合编码规则。

三、CanIUse

CanIUse能让你轻松测试Web API与浏览器的兼容情况。

四、Bit.dev

Bit.dev可用来托管、记录、管理来自不同项目的可复用组件。对于增加代码重用、加速开发和优化团队协作极其有效。它支持React、React、TypeScript、Angular、Vue等许多库。

五、Unminify

Unminify支持对JS、CSS及HTML代码的反压缩，可以逆转压缩操作，。通过解压缩、反混淆及美化，可以让一段压缩后的JS代码再次变为可读。

六、Minify

使用这个工具能让即将发布到生产环境中的应用代码包缩减至最小，通过删减空格、无效代码等操作，使得应用包显著缩小，从而令浏览器的加载时间缩短。

七、BundlePhobia

当我们不确定node_modules的大小，或想要确认某个即将安装在机器上pakckage.json的大小时，就可以使用BundlePhobia，它让我们可以了解某个npm包添加到前端软件包后对系统性能的影响。

这款工具可上传单个package.json文件，并展示从package.json所安装的依赖项大小。

八、Babel REPL

Babel是一个免费的开源JS转编译器，可将ES6+代码转为旧的ES5 JS代码，由Bebeljs团队开发。这款工具允许尝试添加到ES的内容，或者某些特定阶段添加到ECMA的内容，还可美化代码、限制文件大小，让使用者在转编译的过程中尝试不同的版本。

九、Prettier Playground

Prettier是一个偏向JS代码格式化程序。通过解析代码，并使用JS重新输出，来实现一致性样式。这款工具在我们的开发中广泛使用，它有在线平台来美化代码。返回搜狐，查看更多

责任编辑：