作为前端开发人员，想必这两款工具大家应该都很熟悉吧，它们都是一款代码编辑器，但是各自又都有着各自的优缺点。从现在的使用人数情况来看，使用vscode的前端人员更多，几乎每个人都使用过vscode，却不一定使用过WebStorm。但这真的意味着VSCode比WebStorm更好吗？我们通过以下几点进行对比：
是否免费
这个一定要放在最前面说，webstrome 是收费的，而vscode 是免费的
优点
webstrome：优点太多，专门为前端开发人员打造的神器，在此不过多介绍。
vscode：免费且开源，这也是大部分大前端选择VSCode的原因，觉得哪里用的不爽分分钟自己写个插件解决。启动速度以及打开项目速度非常快，几乎同样的配置同样的工程，VSCode的打开速度远远快于WebStorm。插件非常多，而且VSCode本身就基于Electron开发，所以大前端自己写插件显得不是那么困难。
缺点
webstrome：收费！这是WebStorm最大的缺点，收费还不便宜，个人版一年大概要300多人民币。启动速度以及打开工程速度缓慢，有时候打开一个小项目都要等1分钟甚至更长时间，更别说一个庞大的项目。非常吃资源，占用的内存远高于VSCode。
vscode：几乎没有什么太大的缺点，所有感觉是缺点的地方都是因为和WebStorm进行对比，如果你没有用过WebStorm，你根本不会察觉到这些缺点。
插件生态
VSCode 的生态无疑非常好，基于 Web 技术构建的编辑器同样可以使用 Web 技术开发插件，而 Web 开发人员的数量也确实非常庞大。且由于其轻量跨平台的特性，受到很多开发者的喜爱，将之作为主力文件编辑器或者将其打造成 IDE 使用。
WebStorm 官方给出的插件总数是 1607，而 VSCode 吾辈并未找到插件的总数量，但显而易见，VSCode 的插件数量应该远远高于这个数字。而且你可以看到 WebStorm 下载量第一的插件仅仅只下载过 5,558,762 次，而 VSCode 的热门插件的下载数量是以 M 来计算的
自动修复功能
我们在日常开发中经常会遇到一些低级问题，而编辑器其实是有可能帮我们自动修复的，VSCode 没有原生的自动修复功能，必须使用插件才行
Git/GitHub 集成
SCode 的 Git 支持一直不太行，就算加了插件 GitLens 也无法比得上 WebStorm。
下面由两张图对比下：
vscode
webstrome
前端支持
VSCode 生态很好，基本上很多语言/框架都有支持，而且官方也有一些非常优秀的插件。但是，有一些地方很重要，VSCode 对于 HTML/CSS/JavaScript 这些 Web 基本元素的支持相比于 WebStorm 确实不太好
对于 HTML/CSS 之间的代码提示、跳转这些基本功能，VSCode 其实并没有做好。现代前端说是不再写 HTML 了，但实际上终究还是要写（即便是 JSX 还是要符合写 HTML 的直觉的），VSCode 代码提示在这里明显不太够看
使用性能
WebStorm 确实很吃内存，尤其是项目刚刚打开的时候，索引会疯狂地吃 CPU/内存/硬盘
东家
VSCode 背后站着微软，俗成 M$，开发了宇宙最强 IDE Visual Studio。而 WebStorm 则是基于 JetBrains 平台专门为前端进行特殊处理优化的 IDE，背后则是业界最智能的 IDE 的开发公司 JetBrains（捷克公司）。
写在最后
其实说了这么多，无论哪种编辑器，适合自己项目的就是最好的编辑器
