前端开发工具 vscode 对比 webstrom 哪个用的人多?

[zhonj]

本人开发工具 i9-12900h 32G 内存，平时开发都是用 jetbrains 全家桶。由于用 webstrom 开发前端电脑风扇一直转，使用虽然还是挺流畅的。然后想下载了一个 vscode 试试，安装了一些插件，本以为 vscode 速度会吊打 webstrom 。结果恰恰相反，写一个 div 反应 1s 多才自动不全,unocss 提示要 2-3s 才出来（当然 webstrom unocss 基本没提示），代码只要一写快一点 vscode 就一直没提示了风扇转 5s 才能出来提示。我想问下各位你们 vscode 都是用啥插件？卡不卡，提示快不快啊？

[crysislinux]

都像你说的那样就没人用 vscode 了

[daliusu]

你应该什么环节出问题了，我用的体验 vscode 比 webstorm 有些地方稳定性差点（主要是自动导入，重构，自动导入补全标签），但是性能还是比 webstorm 强的多，尤其是内存占用。我的提示基本是秒出的，m1 16g

[murmur]

webstorm 我用的最大理由是他有现代化 IDE 该有的界面，vscode 太简陋了给人一种电气时代的人用石器时代的人生产的感觉

[lsk569937453]

专业后端偶尔写点前端,用 vscode.

[leoQaQ]

感觉 webstorm 要强一些，在上学的时候 vscode 还没出来，用 vs 觉得 vs 界面太好看了，可是用 vs 开发 web 又太大了，后来 vscode 一出来就上手了，主要是觉得好看，一直用。

[murmur]

补充下，我手机电脑都是亮色风格，ws 那套白色界面搭配图标点缀看着非常舒服

[TabGre]

vscode remote 开发 webstorm 有替代吗？ 来自订阅统计的疑问

[murmur]

@TabGre 有啊，2023 版有远程开发功能

[yekern]

写几个小页面 涉及东西不复杂的情况 vscode 东西多复杂的还是 webstorm vscode 毕竟只个编辑器

[zhonj]

@crysislinux 是的啊我也很奇怪一个 div 自动不全要 1s webstrom 秒出

[QlanQ]

webstorm 是 IDE
vscode 是编辑器

个人觉得，就干活来说 webstorm 要比 vscode 强太多

资源占用来说，vscode 一点不比 webstorm 少

[fox2081]

WebStorm ，但是使用 vsc 的配色风格

[heishu]

我用 IDEA 搞前端，我试过 idea 和 vs 的占用率，看下来相差不大。不过 jetbrains 家的 git 操作可用着太爽了，这是用它的第一要素

[NuKc]

之前用 WebStorm 代码格式化跟项目里的 stylelint 冲突了，尝试设置仍旧；用 VSCode 又很不习惯，然后用了 Fleet

[lyseky]

webstrom

[notejava]

后端仔习惯了使用 Intellij IDEA ，所以写前端时直接选 webstorm ，没有学习成本。

[aichixiangcai]

前端新手，借帖子问一下，vsvode 有自动联想 class 名称的插件吗，就是说我在 body 里边定义的 class ，在 head 里边的 style 里写样式的时候能自动联想 body 里边的 class 。

[superedlimited]

jaba 仔习惯了使用 Intellij IDEA ，所以写前端时直接选 webstorm ，没有学习成本。

[mandex]

我用 jetbrains 全家桶。IDE 最大的好处就是省心不折腾。vscode 我用的不多，写 flutter 的时候用过，感觉性能不如当年的 sublime text ，不知道这玩意为啥莫名其妙没落了。

[haha512]

性能占用差不多。有时感觉 webstorm 更快点。
vsc 有点折腾，查找 配置各种插件，webstorm 开箱即用

[uaoin]

webstorm 更好用 但是我用 vscode 公司电脑用 webstorm 太卡了

[Cosmic4764]

我现在的卡，是插件 Volar 格式化导致的，但我不知道怎么解决。不晓得 op 是不是再写 vue ，是不是装这个插件了

[gesse]

第一 EDITOR vs 第二 IDE ？

[civetcat]

webstorm 是真的好用，vscode 需要配置很多东西，而且稳定性差一点。但是 webstorm 消耗性能太多了，我现在公司的电脑才 16G ，开多个项目，或者大的项目卡的厉害，尤其是用新加的一些功能，贼消耗性能

[chaleaochexist]

@murmur 你说反了吧 新版本 jetbrains 家的 IDE 就是模仿 vscode 的吧? 或者说新 UI 风格和 vscode 类似.

[xiaoxiaoming01]

黑子
我用 vscode 写前端写 Python 写 go 写 rust 一点问题都没有😤

[murmur]

@chaleaochexist 2023 版也可以选经典 UI

[chaleaochexist]

@murmur 我知道, 我的意思是, 那个新的才是趋势.
当然你个人喜好我表示尊重. 没有别的意思.

[zhonj]

@xiaoxiaoming01 兄弟不是我黑啊，无提示纯当编辑器用是没啥问题的，装几个智能化插件确实慢的，而且插件有时候还不稳，所以想问问大家写前端的都是用啥写用 vscode 用啥插件，我基本上就写写脚本写写前端，希望有智能提示，我电脑性能是足够的，但是我不想电脑一直风扇转有点吵。

[YuTengjing]

只用 vscode ，你在 vscode 上遇到的 90% 的问题都不是 vscode 的问题，电脑配置配置差用啥工具都是卡。

[walpurgis]

vscode 加了大量插件后速度是不如 webstorm 的，但是有些新玩具目前只有 vscode 支持，比如 unocss

[YuTengjing]

不知道怎么配可以可以抄 https://github.com/antfu/vscode-settings ，你说写个 div 要 1s 多才提示，你是在写 tsx 或者 .vue, .svelta 别的文件吧，如果是 html 那真的可能在尬黑

[zhonj]

@YuTengjing #30 我的配置是 i9-12900h+32G 跑啥玩意都是纵享丝滑，只有 vscode 的代码提示比较慢

[caixiangyu17]

vscode 能和 webstorm 相提并论的唯一原因就是免费。其他的 webstorm 完胜。jetbrains 的东西的缺点就是太贵了。
所以如果可能，尽量把学校的 alumni 账号保存好，edu 邮箱可以免费。

[ztc]

既然如此, 不如试试 Nvim?

[ClA0ClA0]

idea 不是也可以写 vue 了吗

[zhonj]

@YuTengjing #32 我写的是.vue vue3 我就输入<div> 要过一秒以上自动补全</div> 我也不知道怎么回事，用哪个 unocss 插件也是好久才提示我都默写完成了才提示

[monkeyblog]

这回答的是不是都不是前端呀？前端不都是用的 vscode 吗？我身边的前端基本没见过用 webstorm 的

[Lesenelir]

webstorm 比较适合我这种懒人吧。。。 今年刚毕业，目前还在用学校的 edu 邮箱白嫖中。。。。

[liberty1900]

TypeScript Playground / Codesandbox 默认都是 vsc 的快捷键，而且写前端基本开箱即用吧(至少我写 React + TypeScript 没用过任何插件)。Git 可以用命令行最多加个 GitLens 插件

[YuTengjing]

@zhonj #37 首先确保你正确配置了 volar ，卸载 vetur 。其次，如果你项目比较大，由于一开始 volar 需要解析 sfc ，会有一个延迟，但是一旦解析 sfc 完成了，后续的代码提示都会比较快。简单来说，第一次出现 div 提示后，再次敲 div 会很快出现提示。
如果 webstorm 打开同样的 vue 文件提示会比 vscode 快，我怀疑你配置的 webstorm 压根不能解析 vue sfc ，没有 TS 支持。

[sjhhjx0122]

unocss 插件不提示就按一下空格就会弹出来了,在 vue 文件里提示慢不是 vscode 的锅,你可以把你装的插件一个一个关掉来测试,目测 volar 的锅,这个东西占用内存奇高,反正我开门时没遇到过这么久才提示出来

[xiaoz]

@murmur #3
你确定你用的 Visual Studio Code ？ https://code.visualstudio.com/
我看你提到的 2023 ，我怀疑你用的 visual studio： https://visualstudio.microsoft.com/zh-hans/

两个产品不一样。

[mozhizhu]

vscode ，免费

[zhonj]

@sjhhjx0122 老前端啊，确实安装了 volar 这玩意。大哥有啥插件推荐么？

[zhonj]

@monkeyblog 我也很纳闷，以前前端同事也是用 vscode

[murmur]

@xiaoz 因为 2023 上线的新皮肤么，我说 2023 版的更多意思是我今年还在订阅中，否则 fallback 是怎么到 2023 的，只能用 2022 年的版本吗

[xiaoz]

@murmur #47 ，Visual Studio Code 是免费的啊，不需要订阅。你是不是订阅的 visual studio ？ https://visualstudio.microsoft.com/zh-hans/
我不得不说微软这个命名确实很容易搞混。

[murmur]

@xiaoz 我买的是 jetbrains 的订阅啊

[jack4536251]

一直用的 vscode ，因为免费，哈哈

[moyupoi10]

只有我还在用已经不更新的 atom...哭

[lizhesystem]

干活一直用 webstorm ，用习惯后才知道什么叫符合人体工程学的 IDE ，vscode 的话平常写 html 的 demo 多些，现在前端工程化起来后，大项目还是更喜欢 webstorm 的推导。

[TomPig0216]

@heishu #13 IDEA 搞前端+1 jetbrains 的 Ide 操作 git 太爽了

[CoderLife]

以前 vscode, 现在换到 webstorm 了,
webstorm 提示要好些

[rppig42]

提供一个不一定准确的方式来判断哪个工具使用的人多

同样是非常知名的 Prettier 插件，在我打开页面查看的瞬间数据如下：
VSCode 下载总量 33,869,765 https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
jetbrains 下载总量 2,149,724 https://plugins.jetbrains.com/plugin/10456-prettier

我没用过 Jetbrains 不清楚是不是它有内置其他默认 code formatter 。可以再比较一下其他常见的插件下载数量

[n18255447846]

atom 插件装多启动贼慢，后来发现有个开源的 vscode 才一直用着。没钱买 webstrom ，又懒得盗版

[mokevip]

前端，用 vscode ，diy 内容比较多吧， 比如 Uniapp 。。

[dcsuibian]

我是从 vscode 换到 webstorm 的。一开始我以为差别不会很大，毕竟前端调试大部分都在 Chrome 上。而且当初我的一个老师就是推荐我们先上的 vscode 。
但实际用的时候我感觉 webstorm 明显好了不少，在写 vue 的时候，我发现有些变量名字是不对的，在 vscode 就看不出来，而在 webstorm 里就可以察觉。而且命令提示更好更智能。最主要的是即使是 typescript 的支持，webstorm 上用起来也比 vscode 舒服

[lerry]

一直用 vscode ，想试试 webstorm

[zibber]

我用 tailwindcss 提示很丝滑, unocss 就没有提示, 感觉这个 unocss 插件是不是有问题

[a33291]

我都用,但是主要用 webstorm,vscode 主要临时看代码或者作为编辑器使用

[Promtheus]

用 mba 就不会风扇转了

[palxie]

小部门 4 个前端, 就一个用 webstorm, 就是我😂

[smilenceX]

不是专业前端，偶尔写写个人项目，用 webstorm 。
~~毕竟 idea 全家桶的钱已经花了，不用亏得慌~~

[hucw21750]

JB 系重构真是无敌，就这一特性，让我无法切换到其它工具

[bhbhxy]

开发体验肯定是 webstorm ，人家商业化的软件卖得死贵肯定不是吃素的，就拿一个快捷键来说，在 HTML 代码片段外面快速包裹一层 div ，ws 可以实现，但 vscode 不行，ws 改标签后面的闭合标签会自动改，vscode 要装插件，但 vscode 也有除了性能方面的优势，就是可以装很多 AI 插件辅助写代码，ws 这方面的插件数量要少很多

[paledream]

ws 主要还是太吃内存了

[jenhe]

就等 fleet plugin 支持了，就用 fleet 了

[xqdoo00o]

@bhbhxy vscode 也可以自动改标签，editor.linkedEditing 改为 true 就好了

[xzh654321]

这俩软件用户量不是一个数量级的吧

[xqdoo00o]

@bhbhxy 快速包裹 div 可以实现，只是没绑定快捷键，Emmet: Wrap with Abbreviation 绑定下快捷键就好了

[bhbhxy]

@xqdoo00o 感谢感谢，学到了🌹🌹🌹

[ZeroDu]

用 vscode 原因就是免费。vsc 一堆社区插件加持下才能玩。跟 jb 系没法比

[bhbhxy]

@xqdoo00o 这个只能在选中标签文本的情况下才能改，如果没选中的话不行，使用插件在尖括号内的任何改动都会和闭合标签同步，ws 内置此功能

[anguiao]

虽然我现在是写前端的，但是以前在学校学的都是 Java 、C++之类的东西，一直都是用的 JB 系 IDE 。
学前端的时候因为教程大部分用的都是 VSCode ，也用了一阵子。但最后还是去用 WebStorm 了，习惯了 JB 系的操作，而且也确实是好用，重构和 git 都比 VSCode 好用得多。

[Akitora]

idea 前后端一把梭

[sunny2580839896]

格式化怎么进行配置呢？

[npe]

我喜欢 WebStorm 来写前端，VsCode 只是预览一些代码片段和查看文本文件。

[xqdoo00o]

@bhbhxy 我这里不用选中啊，你再试试

[paledream]

@bhbhxy vs code 最近一个更新也内置这个功能了，需要手动开启
https://code.visualstudio.com/updates/v1_79#_linked-editing-for-jsx-tags

[tog]

一直用的 webstorm 盗版的。。

[hokori]

@TabGre jb 的远程比 vscode 完全不差好吧 甚至有些功能更加方便

[heishu]

@heishu 虽然 idea 或 webstorm 很好，但它内置的 ts 检测这些东西和 volar 不一样，导致我和组里其他用 vsc 的同事，经常不同编辑器写的代码，在另一个编辑器有 ts 报错。。。而且新版本 idea 的 ts 报错更离谱了。。。

[zhonj]

@Promtheus 以前用的 mba,自从上 m 芯片直接放弃 mba 了

[TabGre]

@hokori 我其实就是最开始用了 webstorm 的远程，好像是叫 Gateway 吧，觉着没有 vscode 好用才替换了 看来该回去再试试了

[TabGre]

刚试了一下
idea 的远程还支持 Linux ，相同都是 ssh ，vscode 几乎无延迟，而 gateway 则 5s 掉线一次。版本为 2023/1/3

[muben]

我个人没见过用 webstrom 写前端的

[PEax]

反正我公司里面十几个前端同事，都是 vscode

[caixiangyu17]

@PEax webstorm 要付费呀，懒得折腾破解版，还有法律上的风险。十几个前端，公司一年也得花个一两万买 license 。虽然对于公司没多少钱，可有很多公司就是舍不得给你花。所以最后就都用免费的 vscode 好了。反正我遇到的公司，舍得花钱的，都是上 jetbrains 的产品，用上就回不去了。就连 c#开发都是 mac + Rider 的组合。

[caixiangyu17]

@rppig42 你拿一个免费软件和一个 1000+RMB 一年的软件比下载量，这是不是没有太大意义？
而且下载量也只是 3 千万和 2 百万的区别。我觉得光从下载量看，jetbrains 已经赢了

[rppig42]

@caixiangyu17 #90 这也能杠我？那我拿免费的 atom 跟 Jetbrains 比呢？不是 OP 问哪个工具用的人多的吗？杠精上身了吧你

[caixiangyu17]

@rppig42 杠？兄弟说话不用这么大戾气吧？

[zhonj]

@rppig42 #91
@caixiangyu17 #92 兄弟兄弟 peace and love

[crazyTanuki]

我也遇到你这种情况,后面我发现是 vue 的官方插件问题,不是 vscode 的问题,你把插件卸载掉,然后 div 都是秒补全的,但是 vue 插件又是必须的,现在我都是使用<div 然后快速补全解决,你有更好的解决方式吗?求分享

[lran9527]

vscode 启动快啊，还免费，占用性能少。 各种提示其实差不了多少。说 webstorm 更好用的人大概都不会想着去配 vscode,vscode 都是越调教越适合的， 主要是 webstorm 太吃性能，开几个就很卡，开始打开还很慢， 然后你还开着 10 多个网页，跑着 node 服务，可能还有本地后台服务，公司电脑真没这么多性能，vscode 刚刚好。

[reovo]

unocss 我写了插件支持了，搜索 unocss-intellij

[azhong123]

webstorm 中使用 emmet 的时候可以代码自动 auto completion 吗？ 就像 vscode 这样