今天快快小编给大家分享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重新输出,来实现一致性样式。这款工具在我们的开发中广泛使用,它有在线平台来美化代码。
閱讀更多 快快網絡 的文章
關鍵字: Studio TypeScript 前端