V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zhonj
V2EX  ›  前端开发

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

  •  
  •   zhonj · 2023-07-05 10:10:47 +08:00 · 9989 次点击
    这是一个创建于 537 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    97 条回复    2024-11-05 16:31:12 +08:00
    crysislinux
        1
    crysislinux  
       2023-07-05 10:13:42 +08:00 via Android   ❤️ 5
    都像你说的那样就没人用 vscode 了
    daliusu
        2
    daliusu  
       2023-07-05 10:17:17 +08:00
    你应该什么环节出问题了,我用的体验 vscode 比 webstorm 有些地方稳定性差点(主要是自动导入,重构,自动导入补全标签),但是性能还是比 webstorm 强的多,尤其是内存占用。我的提示基本是秒出的,m1 16g
    murmur
        3
    murmur  
       2023-07-05 10:18:59 +08:00
    webstorm 我用的最大理由是他有现代化 IDE 该有的界面,vscode 太简陋了给人一种电气时代的人用石器时代的人生产的感觉
    lsk569937453
        4
    lsk569937453  
       2023-07-05 10:19:13 +08:00
    专业后端偶尔写点前端,用 vscode.
    leoQaQ
        5
    leoQaQ  
       2023-07-05 10:19:58 +08:00
    感觉 webstorm 要强一些,在上学的时候 vscode 还没出来,用 vs 觉得 vs 界面太好看了,可是用 vs 开发 web 又太大了,后来 vscode 一出来就上手了,主要是觉得好看,一直用。
    murmur
        6
    murmur  
       2023-07-05 10:22:11 +08:00
    补充下,我手机电脑都是亮色风格,ws 那套白色界面搭配图标点缀看着非常舒服
    TabGre
        7
    TabGre  
       2023-07-05 10:27:27 +08:00 via iPhone
    vscode remote 开发 webstorm 有替代吗? 来自订阅统计的疑问
    murmur
        8
    murmur  
       2023-07-05 10:28:18 +08:00
    @TabGre 有啊,2023 版有远程开发功能
    yekern
        9
    yekern  
       2023-07-05 10:32:24 +08:00
    写几个小页面 涉及东西不复杂的情况 vscode 东西多复杂的还是 webstorm vscode 毕竟只个编辑器
    zhonj
        10
    zhonj  
    OP
       2023-07-05 10:33:59 +08:00
    @crysislinux 是的啊我也很奇怪一个 div 自动不全要 1s webstrom 秒出
    QlanQ
        11
    QlanQ  
       2023-07-05 10:37:52 +08:00
    webstorm 是 IDE
    vscode 是编辑器

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

    资源占用来说,vscode 一点不比 webstorm 少
    fox2081
        12
    fox2081  
       2023-07-05 10:37:53 +08:00
    WebStorm ,但是使用 vsc 的配色风格
    heishu
        13
    heishu  
       2023-07-05 10:55:52 +08:00   ❤️ 3
    我用 IDEA 搞前端,我试过 idea 和 vs 的占用率,看下来相差不大。不过 jetbrains 家的 git 操作可用着太爽了,这是用它的第一要素
    NuKc
        14
    NuKc  
       2023-07-05 11:03:03 +08:00
    之前用 WebStorm 代码格式化跟项目里的 stylelint 冲突了,尝试设置仍旧;用 VSCode 又很不习惯,然后用了 Fleet
    lyseky
        15
    lyseky  
       2023-07-05 11:07:08 +08:00
    webstrom
    notejava
        16
    notejava  
       2023-07-05 11:16:15 +08:00
    后端仔习惯了使用 Intellij IDEA ,所以写前端时直接选 webstorm ,没有学习成本。
    aichixiangcai
        17
    aichixiangcai  
       2023-07-05 11:24:29 +08:00
    前端新手,借帖子问一下,vsvode 有自动联想 class 名称的插件吗,就是说我在 body 里边定义的 class ,在 head 里边的 style 里写样式的时候能自动联想 body 里边的 class 。
    superedlimited
        18
    superedlimited  
       2023-07-05 11:26:06 +08:00 via iPhone
    jaba 仔习惯了使用 Intellij IDEA ,所以写前端时直接选 webstorm ,没有学习成本。
    mandex
        19
    mandex  
       2023-07-05 11:26:07 +08:00
    我用 jetbrains 全家桶。IDE 最大的好处就是省心不折腾。vscode 我用的不多,写 flutter 的时候用过,感觉性能不如当年的 sublime text ,不知道这玩意为啥莫名其妙没落了。
    haha512
        20
    haha512  
       2023-07-05 11:30:11 +08:00
    性能占用差不多。有时感觉 webstorm 更快点。
    vsc 有点折腾,查找 配置各种插件,webstorm 开箱即用
    uaoin
        21
    uaoin  
       2023-07-05 11:34:44 +08:00
    webstorm 更好用 但是我用 vscode 公司电脑用 webstorm 太卡了
    Cosmic4764
        22
    Cosmic4764  
       2023-07-05 11:49:54 +08:00
    我现在的卡,是插件 Volar 格式化导致的,但我不知道怎么解决。不晓得 op 是不是再写 vue ,是不是装这个插件了
    gesse
        23
    gesse  
       2023-07-05 11:52:33 +08:00
    第一 EDITOR vs 第二 IDE ?
    civetcat
        24
    civetcat  
       2023-07-05 11:54:40 +08:00
    webstorm 是真的好用,vscode 需要配置很多东西,而且稳定性差一点。但是 webstorm 消耗性能太多了,我现在公司的电脑才 16G ,开多个项目,或者大的项目卡的厉害,尤其是用新加的一些功能,贼消耗性能
    chaleaochexist
        25
    chaleaochexist  
       2023-07-05 12:18:18 +08:00
    @murmur 你说反了吧 新版本 jetbrains 家的 IDE 就是模仿 vscode 的吧? 或者说新 UI 风格和 vscode 类似.
    xiaoxiaoming01
        26
    xiaoxiaoming01  
       2023-07-05 12:43:00 +08:00 via Android   ❤️ 2
    黑子
    我用 vscode 写前端写 Python 写 go 写 rust 一点问题都没有😤
    murmur
        27
    murmur  
       2023-07-05 12:50:28 +08:00
    @chaleaochexist 2023 版也可以选经典 UI
    chaleaochexist
        28
    chaleaochexist  
       2023-07-05 13:36:14 +08:00
    @murmur 我知道, 我的意思是, 那个新的才是趋势.
    当然你个人喜好我表示尊重. 没有别的意思.
    zhonj
        29
    zhonj  
    OP
       2023-07-05 13:49:01 +08:00
    @xiaoxiaoming01 兄弟不是我黑啊,无提示纯当编辑器用是没啥问题的,装几个智能化插件确实慢的,而且插件有时候还不稳,所以想问问大家写前端的都是用啥写用 vscode 用啥插件,我基本上就写写脚本写写前端,希望有智能提示,我电脑性能是足够的,但是我不想电脑一直风扇转有点吵。
    YuTengjing
        30
    YuTengjing  
       2023-07-05 13:51:24 +08:00
    只用 vscode ,你在 vscode 上遇到的 90% 的问题都不是 vscode 的问题,电脑配置配置差用啥工具都是卡。
    walpurgis
        31
    walpurgis  
       2023-07-05 13:51:46 +08:00
    vscode 加了大量插件后速度是不如 webstorm 的,但是有些新玩具目前只有 vscode 支持,比如 unocss
    YuTengjing
        32
    YuTengjing  
       2023-07-05 13:55:42 +08:00
    不知道怎么配可以可以抄 https://github.com/antfu/vscode-settings ,你说写个 div 要 1s 多才提示,你是在写 tsx 或者 .vue, .svelta 别的文件吧,如果是 html 那真的可能在尬黑
    zhonj
        33
    zhonj  
    OP
       2023-07-05 14:01:32 +08:00
    @YuTengjing #30 我的配置是 i9-12900h+32G 跑啥玩意都是纵享丝滑,只有 vscode 的代码提示比较慢
    caixiangyu17
        34
    caixiangyu17  
       2023-07-05 14:16:43 +08:00   ❤️ 1
    vscode 能和 webstorm 相提并论的唯一原因就是免费。其他的 webstorm 完胜。jetbrains 的东西的缺点就是太贵了。
    所以如果可能,尽量把学校的 alumni 账号保存好,edu 邮箱可以免费。
    ztc
        35
    ztc  
       2023-07-05 14:27:30 +08:00
    既然如此, 不如试试 Nvim?
    ClA0ClA0
        36
    ClA0ClA0  
       2023-07-05 14:33:53 +08:00
    idea 不是也可以写 vue 了吗
    zhonj
        37
    zhonj  
    OP
       2023-07-05 14:54:19 +08:00
    @YuTengjing #32 我写的是.vue vue3 我就输入<div> 要过一秒以上自动补全</div> 我也不知道怎么回事,用哪个 unocss 插件也是好久才提示我都默写完成了才提示
    monkeyblog
        38
    monkeyblog  
       2023-07-05 15:14:10 +08:00   ❤️ 8
    这回答的是不是都不是前端呀?前端不都是用的 vscode 吗?我身边的前端基本没见过用 webstorm 的
    Lesenelir
        39
    Lesenelir  
       2023-07-05 15:32:46 +08:00
    webstorm 比较适合我这种懒人吧。。。 今年刚毕业,目前还在用学校的 edu 邮箱白嫖中。。。。
    liberty1900
        40
    liberty1900  
       2023-07-05 15:42:15 +08:00
    TypeScript Playground / Codesandbox 默认都是 vsc 的快捷键,而且写前端基本开箱即用吧(至少我写 React + TypeScript 没用过任何插件)。Git 可以用命令行最多加个 GitLens 插件
    YuTengjing
        41
    YuTengjing  
       2023-07-05 16:44:35 +08:00
    @zhonj #37 首先确保你正确配置了 volar ,卸载 vetur 。其次,如果你项目比较大,由于一开始 volar 需要解析 sfc ,会有一个延迟,但是一旦解析 sfc 完成了,后续的代码提示都会比较快。简单来说,第一次出现 div 提示后,再次敲 div 会很快出现提示。
    如果 webstorm 打开同样的 vue 文件提示会比 vscode 快,我怀疑你配置的 webstorm 压根不能解析 vue sfc ,没有 TS 支持。
    sjhhjx0122
        42
    sjhhjx0122  
       2023-07-05 16:46:26 +08:00
    unocss 插件不提示就按一下空格就会弹出来了,在 vue 文件里提示慢不是 vscode 的锅,你可以把你装的插件一个一个关掉来测试,目测 volar 的锅,这个东西占用内存奇高,反正我开门时没遇到过这么久才提示出来
    xiaoz
        43
    xiaoz  
       2023-07-05 16:57:38 +08:00
    @murmur #3
    你确定你用的 Visual Studio Code ? https://code.visualstudio.com/
    我看你提到的 2023 ,我怀疑你用的 visual studio: https://visualstudio.microsoft.com/zh-hans/

    两个产品不一样。
    mozhizhu
        44
    mozhizhu  
       2023-07-05 17:10:52 +08:00
    vscode ,免费
    zhonj
        45
    zhonj  
    OP
       2023-07-05 17:15:57 +08:00
    @sjhhjx0122 老前端啊,确实安装了 volar 这玩意。大哥有啥插件推荐么?
    zhonj
        46
    zhonj  
    OP
       2023-07-05 17:17:07 +08:00
    @monkeyblog 我也很纳闷,以前前端同事也是用 vscode
    murmur
        47
    murmur  
       2023-07-05 17:20:47 +08:00
    @xiaoz 因为 2023 上线的新皮肤么,我说 2023 版的更多意思是我今年还在订阅中,否则 fallback 是怎么到 2023 的,只能用 2022 年的版本吗
    xiaoz
        48
    xiaoz  
       2023-07-05 17:23:27 +08:00
    @murmur #47 ,Visual Studio Code 是免费的啊,不需要订阅。你是不是订阅的 visual studio ? https://visualstudio.microsoft.com/zh-hans/
    我不得不说微软这个命名确实很容易搞混。
    murmur
        49
    murmur  
       2023-07-05 17:35:23 +08:00
    @xiaoz 我买的是 jetbrains 的订阅啊
    jack4536251
        50
    jack4536251  
       2023-07-05 17:37:45 +08:00 via Android
    一直用的 vscode ,因为免费,哈哈
    moyupoi10
        51
    moyupoi10  
       2023-07-05 17:51:49 +08:00
    只有我还在用已经不更新的 atom...哭
    lizhesystem
        52
    lizhesystem  
       2023-07-05 17:53:47 +08:00
    干活一直用 webstorm ,用习惯后才知道什么叫符合人体工程学的 IDE ,vscode 的话平常写 html 的 demo 多些,现在前端工程化起来后,大项目还是更喜欢 webstorm 的推导。
    TomPig0216
        53
    TomPig0216  
       2023-07-05 21:05:52 +08:00
    @heishu #13 IDEA 搞前端+1 jetbrains 的 Ide 操作 git 太爽了
    CoderLife
        54
    CoderLife  
       2023-07-05 22:21:48 +08:00
    以前 vscode, 现在换到 webstorm 了,
    webstorm 提示要好些
    rppig42
        55
    rppig42  
       2023-07-05 22:29:23 +08:00
    提供一个不一定准确的方式来判断哪个工具使用的人多

    同样是非常知名的 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
        56
    n18255447846  
       2023-07-05 22:36:16 +08:00
    atom 插件装多启动贼慢,后来发现有个开源的 vscode 才一直用着。没钱买 webstrom ,又懒得盗版
    mokevip
        57
    mokevip  
       2023-07-05 22:47:59 +08:00
    前端,用 vscode ,diy 内容比较多吧, 比如 Uniapp 。。
    dcsuibian
        58
    dcsuibian  
       2023-07-05 22:52:04 +08:00   ❤️ 1
    我是从 vscode 换到 webstorm 的。一开始我以为差别不会很大,毕竟前端调试大部分都在 Chrome 上。而且当初我的一个老师就是推荐我们先上的 vscode 。
    但实际用的时候我感觉 webstorm 明显好了不少,在写 vue 的时候,我发现有些变量名字是不对的,在 vscode 就看不出来,而在 webstorm 里就可以察觉。而且命令提示更好更智能。最主要的是即使是 typescript 的支持,webstorm 上用起来也比 vscode 舒服
    lerry
        59
    lerry  
       2023-07-05 22:57:31 +08:00
    一直用 vscode ,想试试 webstorm
    zibber
        60
    zibber  
       2023-07-05 23:58:47 +08:00
    我用 tailwindcss 提示很丝滑, unocss 就没有提示, 感觉这个 unocss 插件是不是有问题
    a33291
        61
    a33291  
       2023-07-06 07:52:33 +08:00
    我都用,但是主要用 webstorm,vscode 主要临时看代码或者作为编辑器使用
    Promtheus
        62
    Promtheus  
       2023-07-06 08:29:55 +08:00
    用 mba 就不会风扇转了
    palxie
        63
    palxie  
       2023-07-06 08:50:22 +08:00
    小部门 4 个前端, 就一个用 webstorm, 就是我😂
    smilenceX
        64
    smilenceX  
       2023-07-06 08:58:52 +08:00
    不是专业前端,偶尔写写个人项目,用 webstorm 。
    ~~毕竟 idea 全家桶的钱已经花了,不用亏得慌~~
    hucw21750
        65
    hucw21750  
       2023-07-06 09:08:39 +08:00
    JB 系重构真是无敌,就这一特性,让我无法切换到其它工具
    bhbhxy
        66
    bhbhxy  
       2023-07-06 09:08:59 +08:00
    开发体验肯定是 webstorm ,人家商业化的软件卖得死贵肯定不是吃素的,就拿一个快捷键来说,在 HTML 代码片段外面快速包裹一层 div ,ws 可以实现,但 vscode 不行,ws 改标签后面的闭合标签会自动改,vscode 要装插件,但 vscode 也有除了性能方面的优势,就是可以装很多 AI 插件辅助写代码,ws 这方面的插件数量要少很多
    paledream
        67
    paledream  
       2023-07-06 09:35:42 +08:00
    ws 主要还是太吃内存了
    jenhe
        68
    jenhe  
       2023-07-06 09:37:34 +08:00
    就等 fleet plugin 支持了,就用 fleet 了
    xqdoo00o
        69
    xqdoo00o  
       2023-07-06 09:56:06 +08:00   ❤️ 1
    @bhbhxy vscode 也可以自动改标签,editor.linkedEditing 改为 true 就好了
    xzh654321
        70
    xzh654321  
       2023-07-06 09:57:31 +08:00
    这俩软件用户量不是一个数量级的吧
    xqdoo00o
        71
    xqdoo00o  
       2023-07-06 09:58:14 +08:00   ❤️ 1
    @bhbhxy 快速包裹 div 可以实现,只是没绑定快捷键,Emmet: Wrap with Abbreviation 绑定下快捷键就好了
    bhbhxy
        72
    bhbhxy  
       2023-07-06 10:00:39 +08:00
    @xqdoo00o 感谢感谢,学到了🌹🌹🌹
    ZeroDu
        73
    ZeroDu  
       2023-07-06 10:08:04 +08:00
    用 vscode 原因就是免费。vsc 一堆社区插件加持下才能玩。跟 jb 系没法比
    bhbhxy
        74
    bhbhxy  
       2023-07-06 10:16:11 +08:00
    @xqdoo00o 这个只能在选中标签文本的情况下才能改,如果没选中的话不行,使用插件在尖括号内的任何改动都会和闭合标签同步,ws 内置此功能
    anguiao
        75
    anguiao  
       2023-07-06 10:20:17 +08:00
    虽然我现在是写前端的,但是以前在学校学的都是 Java 、C++之类的东西,一直都是用的 JB 系 IDE 。
    学前端的时候因为教程大部分用的都是 VSCode ,也用了一阵子。但最后还是去用 WebStorm 了,习惯了 JB 系的操作,而且也确实是好用,重构和 git 都比 VSCode 好用得多。
    Akitora
        76
    Akitora  
       2023-07-06 10:26:40 +08:00
    idea 前后端一把梭
    sunny2580839896
        77
    sunny2580839896  
       2023-07-06 10:41:31 +08:00
    格式化怎么进行配置呢?
    npe
        78
    npe  
       2023-07-06 10:45:43 +08:00
    我喜欢 WebStorm 来写前端,VsCode 只是预览一些代码片段和查看文本文件。
    xqdoo00o
        79
    xqdoo00o  
       2023-07-06 10:53:16 +08:00
    @bhbhxy 我这里不用选中啊,你再试试
    paledream
        80
    paledream  
       2023-07-06 11:16:13 +08:00
    @bhbhxy vs code 最近一个更新也内置这个功能了,需要手动开启
    https://code.visualstudio.com/updates/v1_79#_linked-editing-for-jsx-tags
    tog
        81
    tog  
       2023-07-06 11:18:39 +08:00
    一直用的 webstorm 盗版的。。
    hokori
        82
    hokori  
       2023-07-06 11:25:25 +08:00
    @TabGre jb 的远程比 vscode 完全不差好吧 甚至有些功能更加方便
    heishu
        83
    heishu  
       2023-07-06 11:36:13 +08:00
    @heishu 虽然 idea 或 webstorm 很好,但它内置的 ts 检测这些东西和 volar 不一样,导致我和组里其他用 vsc 的同事,经常不同编辑器写的代码,在另一个编辑器有 ts 报错。。。而且新版本 idea 的 ts 报错更离谱了。。。
    zhonj
        84
    zhonj  
    OP
       2023-07-06 13:33:20 +08:00
    @Promtheus 以前用的 mba,自从上 m 芯片直接放弃 mba 了
    TabGre
        85
    TabGre  
       2023-07-06 13:40:46 +08:00 via iPhone
    @hokori 我其实就是最开始用了 webstorm 的远程,好像是叫 Gateway 吧,觉着没有 vscode 好用才替换了 看来该回去再试试了
    TabGre
        86
    TabGre  
       2023-07-06 14:58:20 +08:00 via iPhone
    刚试了一下
    idea 的远程还支持 Linux ,相同都是 ssh ,vscode 几乎无延迟,而 gateway 则 5s 掉线一次。版本为 2023/1/3
    muben
        87
    muben  
       2023-07-06 15:14:55 +08:00
    我个人没见过用 webstrom 写前端的
    PEax
        88
    PEax  
       2023-07-06 20:20:16 +08:00
    反正我公司里面十几个前端同事,都是 vscode
    caixiangyu17
        89
    caixiangyu17  
       2023-07-07 08:55:05 +08:00
    @PEax webstorm 要付费呀,懒得折腾破解版,还有法律上的风险。十几个前端,公司一年也得花个一两万买 license 。虽然对于公司没多少钱,可有很多公司就是舍不得给你花。所以最后就都用免费的 vscode 好了。反正我遇到的公司,舍得花钱的,都是上 jetbrains 的产品,用上就回不去了。就连 c#开发都是 mac + Rider 的组合。
    caixiangyu17
        90
    caixiangyu17  
       2023-07-07 09:01:03 +08:00
    @rppig42 你拿一个免费软件和一个 1000+RMB 一年的软件比下载量,这是不是没有太大意义?
    而且下载量也只是 3 千万和 2 百万的区别。我觉得光从下载量看,jetbrains 已经赢了
    rppig42
        91
    rppig42  
       2023-07-07 10:42:57 +08:00
    @caixiangyu17 #90 这也能杠我?那我拿免费的 atom 跟 Jetbrains 比呢?不是 OP 问哪个工具用的人多的吗?杠精上身了吧你
    caixiangyu17
        92
    caixiangyu17  
       2023-07-07 11:36:38 +08:00
    @rppig42 杠?兄弟说话不用这么大戾气吧?
    zhonj
        93
    zhonj  
    OP
       2023-07-07 13:45:20 +08:00
    @rppig42 #91
    @caixiangyu17 #92 兄弟兄弟 peace and love
    crazyTanuki
        94
    crazyTanuki  
       2023-07-10 11:14:52 +08:00
    我也遇到你这种情况,后面我发现是 vue 的官方插件问题,不是 vscode 的问题,你把插件卸载掉,然后 div 都是秒补全的,但是 vue 插件又是必须的,现在我都是使用<div 然后快速补全解决,你有更好的解决方式吗?求分享
    lran9527
        95
    lran9527  
       2023-07-20 16:47:17 +08:00
    vscode 启动快啊,还免费,占用性能少。 各种提示其实差不了多少。说 webstorm 更好用的人大概都不会想着去配 vscode,vscode 都是越调教越适合的, 主要是 webstorm 太吃性能,开几个就很卡,开始打开还很慢, 然后你还开着 10 多个网页,跑着 node 服务,可能还有本地后台服务,公司电脑真没这么多性能,vscode 刚刚好。
    reovo
        96
    reovo  
       353 天前
    unocss 我写了插件支持了,搜索 unocss-intellij
    azhong123
        97
    azhong123  
       47 天前
    webstorm 中使用 emmet 的时候可以代码自动 auto completion 吗? 就像 vscode 这样

    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5399 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 07:56 · PVG 15:56 · LAX 23:56 · JFK 02:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.