vscode 与 webstorm 各自有什么优缺点？

vscode 与 webstorm 各自有什么优缺点？

我是一个普通的前端开发，win10电脑，一直用着vscode，最近这段时间后端同事一直安利webstorm，刚来的同事也是用的webstorm。

然后我就去试了一下激活了一下，用起来感觉似乎没有比vscode舒服。同事们也试了vscode觉得vscode非常不顺手。

我在想是不是我vscode用的比较久所以习惯了没感觉，也在知乎搜索了相关答案，不过看了好多题主都是想从webstorm转vscode失败。为什么想转vscode，是因为vscode有什么好处？为什么留在webstorm，是因为webstorm有什么值得留下的优点？

希望能了解下两个开发工具的各自的优点和不足，谢谢

现在各种编辑器功能都很类似，vscode 支持ts更友好，微软开发，最近比较流行，其实主要看编辑器背后的支撑团队和插件生态，没有必要太较真，用得习惯就好。

这篇文章分析的客观到位，大家可参考一下：不能认清自己，怎能看清别人？

最近很长一段时间，VSCode 似乎成为了前端口中的标准开发编辑器，前端圈到处都在推荐 VSCode，劝说其他人放弃 Sublime, WebStorm, Atom 之流，仿佛真的是信巨硬，得永生一般。而吾辈作为一个长时间使用 JetBrains 系 IDE 的全沾开发者，这里就来对比一下 WebStorm 与后起之秀 VSCode 之前的异同点吧

……VSCode 与 WebStorm 横向对比

webstorm缺点：正版中文不如VSCode友好，要翻译就希望认真翻译，太多机翻的东西了。wsl开发不是很爽（慢）

优点：如官方描述一样，功能碾压所有前端开发工具。向官方反馈问题马上能得到回应，可以去twitter上看看它的回复

VSCode缺点：

要开发大型项目要下很多插件，配置很多，如ESLint配置，prettier配置等等，2021年了，点击CSS类名跳转、CSS类名提示仍需要借助插件，而且vue中无法跳转class和id。代码提示缺失AI，官方的AI插件不是很好用。重构文件名没有自动更新功能，git相比webstorm真是一言难尽。不过解决冲突很强

优点

界面美观，对jsdoc和ts声明文件支持比webstorm稍强。

webstorm和VSCode的js、ts的代码提示都是基于ts声明文件，而且该声明文件是微软写的

WebStorm就像一把现成的精良的机关枪，VSCode就像一个可以打印各种工具的3D打印机。

机关枪场景受限、更难深度定制，而3D打印机也并不能真的打印一切。

对于重度需求，WebStorm有就万事大吉（比如代码折叠或对比的视觉效果），没有VSCode也搓不出来（比如Tab对齐），要么放弃、要么自己搓编辑器。

对于中度需求，WebStorm有就万事大吉，没有可以用VSCode搓（比如用来摸鱼），搓完了还能给别人用，从而建设自己的生态（比如Vue的生态）。

对于轻度需求，VSCode免授权费和流程，打开的开销也低。

对于普通人来说，无论中度还是重度需求，都是偏向使用侧而非开发侧的，选择WebStorm等于选择了Jetbrains作为生态供应，选择VSCode等于选择了社区作为生态供应。

VSCode的定位是轻量级的代码编辑器，综合了Eclipse等许多优秀工具的优势，同时也解决了它们的弊端，VSCode在性能、语言支持、社区方面都很不错。

主要优点：

1、启动超快、相比pycharm那可是一泻千里

2、内存占用少，没有漫长等待索引过程

3、远程开发，只需要在windows上保存一下，会瞬间同步到远程开发机VSCode更新日志：https://code.visualstudio.com/updates/v1_27VSCode官方博客：https://code.visualstudio.com/blogs/2018/09/12/engineering-with-azure-pipelinesVSCode社区：https://code.visualstudio.com/community

缺点：大项目无法完全做到；配置确实有点麻烦，需要安装许多插件。

WebStorm是一款强大的HTML5/JavaScript Web前端开发工具，被广大JS开发者誉为“Web前端开发神器”。

功能介绍：

1、智能的代码补全；

2、支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)；

3、代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

4、代码不仅可以格式化，而且所有规则都可以自己来定义。

缺点：webStorm缺点就是重，非常占内存了。Webstrom官方下载地址：http://www.jetbrains.com/webstorm/ Webstrom官方下载地址（中文版）：http://www.jetbrains.com.cn/webstorm.html

- 前端要掌握哪些内容？学习路线整理 -想成为资深前端工程师，一定要学好 JavaScript 吗？

- 工具软件推荐 -前端开发常用哪些工具软件？