VSCode和WebStorm,谁是开发前端的得力助手?

先说结论:就vue3开发而言,WebStorm仍然更胜一筹;而其他的开发,目前看来应该不相上下。

VSCode已经不是第一次被我抛弃了,至于原因嘛也很简单,难用。

虽然开源、免费不代表一定难用。但是事实证明,商业软件通常会更加在意用户体验,并且会做得更加到位;开源软件依赖社区,而社区质量参差不齐,需要一定的时间折腾。很明显,在开发效率这一块,WebStorm会更加能打。

本文将以Vue3的开发为例,将VSCode和WebStorm进行对比。

诚然,WebStorm也有它自己的局限性,例如没有WSL的官方完整支持,例如软件加载速度慢,但是作为吃饭的东西,显然WebStorm在最关键的代码提示和补全方面有着完整的体验。虽然一部分确实可以在VSCode上实现,但是有一些在VSCode上并不好用。例如,WebStorm会自动将vue中的一些导出识别出来,比如reactive toRefs,并加入到import中,而VSCode常常没有任何提示,只能手动加。

WebStorm在一些警告和错误的提示上做得比VSCode要好得多,而在VSCode上,只有红红的错误,让人误以为自己的代码是不是真的写错了;一些警告也更加详细,对ESLint的支持也更好。这也是我弃用VSCode的最大原因。

WebStorm的软件界面实际上更贴合日常开发使用,而VSCode则更加忠于它的编辑器性质,一些功能就没有那么方便调用。例如,VSCode没有新建文件模板的选项,需要第三方插件的支持,而且往往效果也不好。再比如,启动调试的话,WebStorm可以直接写好配置项,然后点一下右上角的启动按钮即可;而VSCode除了要编写配置项(无GUI界面),还要再点两个地方才能启动,显然并不够方便。还有一个比较拉的地方,就是VSCode底部没有WebStorm的选项卡,可以直接调出各种功能,例如要打开终端,要从顶部新建,隐藏后重新调出来要点左下角再切换,确实很麻烦,代码跳转个人觉得也不如WebStorm。以及版本管理的支持,Git没有原生的分支记录GUI界面,只能装第三方插件来补全。反正,VSCode在这些细节上做得并不如WebStorm,这也是开源和社区所缺失的便利。

总而言之,就总体而言,WebStorm显然更胜一筹。如果你追求启动速度快,有开发能力的编辑器,可以考虑VSCode/Sublime等,装上插件确实也能做一些开发;而如果你是靠代码吃饭,想要减少各种麻烦事情,还是老老实实用IDE吧,WebStorm在IDE界也算是一个好的标榜,虽然Eclipse应该也可以开发一些前端,但是显然WebStorm更适合。

发表评论