作为前端开发人员，想必这两款工具大家应该都很熟悉吧，它们都是一款代码编辑器，但是各自又都有着各自的优缺点，我以前是一直使用 webstrome 最近才转用 VsCode
是否免费
这个一定要放在最前面说，webstrome 是收费的，而vscode 是免费的
插件生态
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（捷克公司）。
写在最后
其实说了这么多，无论哪种编辑器，适合自己项目的就是最好的编辑器
