VSCode和WebStorm一直是开发者们争论的话题，两个编辑器各有优劣。在这篇文章中，我们将从多个方面，详细阐述VSCode和WebStorm的优缺点，从而找到更好的选择。
是否免费
这个一定要放在最前面说，webstrome是收费的，而vscode 是免费的文章源自设计学徒自学网-http://www.sx1c.com/38706.html
优缺点对比
优点文章源自设计学徒自学网-http://www.sx1c.com/38706.html
- webstrome：优点太多，专门为前端开发人员打造的神器，在此不过多介绍。
- vscode：免费且开源，这也是大部分大前端选择VSCode的原因，觉得哪里用的不爽分分钟自己写个插件解决。启动速度以及打开项目速度非常快，几乎同样的配置同样的工程，VSCode的打开速度远远快于WebStorm。插件非常多，而且VSCode本身就基于Electron开发，所以大前端自己写插件显得不是那么困难。
缺点文章源自设计学徒自学网-http://www.sx1c.com/38706.html
- webstrome：收费！这是WebStorm最大的缺点，收费还不便宜，个人版一年大概要300多人民币。启动速度以及打开工程速度缓慢，有时候打开一个小项目都要等1分钟甚至更长时间，更别说一个庞大的项目。非常吃资源，占用的内存远高于VSCode。
- vscode：几乎没有什么太大的缺点，所有感觉是缺点的地方都是因为和WebStorm进行对比，如果你没有用过WebStorm，你根本不会察觉到这些缺点。
插件生态
VSCode的生态无疑非常好，基于Web技术构建的编辑器同样可以使用Web技术开发插件，而 Web开发人员的数量也确实非常庞大。且由于其轻量跨平台的特性，受到很多开发者的喜爱，将之作为主力文件编辑器或者将其打造成IDE使用。文章源自设计学徒自学网-http://www.sx1c.com/38706.html
WebStorm官方给出的插件总数是1607，而VSCode吾辈并未找到插件的总数量，但显而易见，VSCode的插件数量应该远远高于这个数字。而且你可以看到WebStorm下载量第一的插件仅仅只下载过5,558,762次，而VSCode的热门插件的下载数量是以M来计算的文章源自设计学徒自学网-http://www.sx1c.com/38706.html
自动修复功能
我们在日常开发中经常会遇到一些低级问题，而编辑器其实是有可能帮我们自动修复的，VSCode没有原生的自动修复功能，必须使用插件才行文章源自设计学徒自学网-http://www.sx1c.com/38706.html
Git/GitHub集成
SCode 的Git支持一直不太行，就算加了插件GitLens 也无法比得上WebStorm。文章源自设计学徒自学网-http://www.sx1c.com/38706.html
下面由两张图对比下：文章源自设计学徒自学网-http://www.sx1c.com/38706.html
vscode文章源自设计学徒自学网-http://www.sx1c.com/38706.html
文章源自设计学徒自学网-http://www.sx1c.com/38706.html
WebStorm
前端支持
VSCode生态很好，基本上很多语言/框架都有支持，而且官方也有一些非常优秀的插件。但是，有一些地方很重要，VSCode 对于HTML/CSS/JavaScript这些Web 基本元素的支持相比于WebStorm 确实不太好
对于HTML/CSS之间的代码提示、跳转这些基本功能，VSCode其实并没有做好。现代前端说是不再写HTML了，但实际上终究还是要写（即便是JSX还是要符合写HTML的直觉的），VSCode代码提示在这里明显不太够看
使用性能
WebStorm 确实很吃内存，尤其是项目刚刚打开的时候，索引会疯狂地吃CPU/内存/硬盘
易用性
VSCode的易用性是相对更好的，因为它被设计得更为简单，不像WebStorm那样拥有过多的功能。VSCode的操作更直观、快速，快捷键便于用户记忆，对于轻量级的开发者，VSCode是一个不错的选择。
同时，VSCode的插件库丰富，扩展性非常好，用户可以根据自己的需求，定制自己的编辑器。在这方面，WebStorm则显得逊色一些。
// 快速创建文件（vscode） ctrl + n // 搜索文件（vscode） ctrl + p // 复制当前行（vscode） shift + alt + ↓
而对于大型项目，WebStorm的易用性则更佳，因为它对于项目的导航和文件管理都提供了非常好的支持。WebStorm具有很好的智能提示和代码补全功能，而这些功能对于开发者来说非常重要。
性能
VSCode作为一款轻量级的编辑器，因此它的性能表现较好，即使在处理大型项目时也不会出现卡顿的情况。而WebStorm则需要更多的内存和处理器资源，因为它提供了更为丰富的功能，从而在处理大型项目时表现更加优异。
根据个人使用经验，VSCode可以胜任中小型项目的开发，但对于大型项目，WebStorm更为适宜。
调试功能
在调试功能方面，WebStorm明显更为优秀。WebStorm提供了非常好的调试体验，可以设置断点、单步执行代码等。而VSCode的调试功能功能较为基础，需要安装插件才能实现调试。
// 设置断点（WebStorm） F8 // 开启调试（vscode） F5
在线编辑器
在线编辑器是现代web开发的趋势，VSCode虽然推出了在线编辑器，但是WebStorm的在线编辑器功能更加出色。WebStorm提供了智能提示、语法高亮、代码补全等一系列在线编辑器所需的功能，而且在线编辑器的使用体验也非常顺畅。
运行环境支持
VSCode的运行环境不仅有Windows和macOS，还支持Linux系统。而WebStorm则仅支持Windows和macOS运行环境。
安装成本
如已经提到的，VSCode是一款轻量级、简单易用的编辑器，而且它是免费的。相较之下，WebStorm的价钱比较高，也需要更高的配置要求。
东家
VSCode背后站着微软，俗成M$，开发了宇宙最强IDE Visual Studio。而WebStorm则是基于JetBrains平台专门为前端进行特殊处理优化的IDE，背后则是业界最智能的IDE的开发公司JetBrains（捷克公司）。
结论
总的来说，VSCode和WebStorm两个编辑器各自有优劣。如果你的项目规模较小，需要一个轻量级的编辑器，那么VSCode是个很好的选择。如果你的项目规模较大，需要一个功能更为强大的编辑器，那么WebStorm是更好的选择。一般而言，VSCode和WebStorm都有各自的使用场景，开发者可以依据自己的开发需求选择适合自己的编辑器。
评论