老话题重提了，写 vue3+ts+element-plus 用 vscode 还是 webstorm2023

[code4love]

后端转前端，前端初学者，折腾了两天，目前两种方案都有不完善的地方。两种方案都是打开相同的工程

1. vscode：装了插件 volar ，代码提示不支持 element 控件，比如 el-button 不能提示属性和枚举值等，支持提示自定义组件的 props 。如果安装插件 element-plus snnipts ，倒是可以支持 element 控件的编写，但是修改时，还是不支持提示 element 控件的属性和枚举值
2. websotrm：通过修改 settings 能提示 el-button 和属性枚举值等，但是不支持提示自定义组件的 props 。。

请问各位是我配置有问题，还是确实就是这样呢？哪种方案体验比较好呢。 内存占用差不多，vscode 4g ，webstorm 6g ，不考虑性能问题了

[sunxiaping521]

都可以，但是前端确实是 vscode 用的多；不过，我是后端，也用 vscode ；免费，插件多；但是，实际项目我还是 IDEA 用的多；总结，看公司要求和个人爱好~

[flyqie]

到目前为止，你可以相信 jb 家的 IDE 。。

vscode 适合自己想折腾的人，新上手或者懒得折腾的话 jb 家 IDE 是很棒的。

[q447643445]

ws 2023.2 好像已经支持 volar
升级到 vue3.3 好像也加强了 props 的提示
vscode 没做过开发 一直当编辑器在用

[liuhuansir]

纯前端估计用 vscode 的比较多，我们公司就是，但是前后端都做的，肯定是 idea 了，直接在一个 IDE 里写前后端不要太方便

[ewiglicht]

不考虑性能 webstorm

[cangcang]

代码不提示是 ts 环境变量定义的问题

[Jaosn]

不应该不提示吧，都有 ts 了

[coderdusk]

1.我是前端，我推荐 VSCode

2.你遇到的问题应该是项目配置有问题，可以用 vite 新建一个项目，然后参照 ElementPlus 文档，重点是 Volar 支持这里

https://element-plus.gitee.io/zh-CN/guide/quickstart.html#%E5%AE%8C%E6%95%B4%E5%BC%95%E5%85%A5

我推荐 types 这一项设置为 "node", "element-plus/global",...]

[coderdusk]

@coderdusk ["node", "element-plus/global",...]

[stillsilly]

我们组 20 个前端，其他 19 个都用 vscode ，就我一个用 webstorm ，但我是技术最屌的那个。
自己用得顺手就行了，不需要管别人用的啥

[chf007]

webstorm

[ztc]

都不用，用 nvim

[wu67]

vsc + volar + ts + vue3 + eslint, 目前有内存泄露的毛病. 反正我电脑上时这样的...

[Cloudust]

volar 这个插件使用上没什么大毛病，就是内存占用太高。开 react 项目，基本 400m 左右，开 vue 直接飙到近 3 个 G 。之前也去提过 issue ，也看到很多类似的 issue ，不过还是没解决问题。

[star7th]

vscode 。你想继续混前端的话，建议跟大流

[star7th]

讨论 vue 还是 react 的可能有不少人。但是编辑器上，vscode 在前端群体里有压倒性的占有率

[Ayanokouji]

我是后端，我推荐 webstorm ，懒得背两套快捷键

[stein9999]

vscode 要折腾插件，不想折腾用 webstorm

[9ki]

一直都是用 IDEA(WebStorm), 你说的问题没有遇到过, 建议重置配置然后重新安装下

顺带一提, 现在 IDEA(WebStorm) 已经内置了 Volar

[code4love]

@coderdusk 这个也配置了，不管用~

[sjhhjx0122]

这个大概率是 element plus 的问题,我也遇到了,其他组件库都能提示就 element plus 不行

[sadfQED2]

我是后端 webstorm +1

但是我接触过的专业前端，都是用 vscode

[samnya]

两边都用，webstorm 就是开箱即用，基本不需要配置，vscode 要自己装各种插件才行

[cooooler]

webstorm 吧，开箱即用，工具而已，没必要折腾

[sunny2580839896]

vs 不会配置格式化，ws 直接可以格式化

[zzzmh]

我用 ws 是因为先入为主，idea 用这么多年习惯了，再加上最近刚好申请到免费的 linsense ，如果考虑正版的售价，我会选择都不用，缩回 sublime text

[waltcow]

vsremote

[CHTuring]

众所周知，同样的 ESlint 规则，对于 type 的验证，在 Webstorm 里面它会自动智能联想并推举，但是在 VSCode 里面是报错，而且编译是通不过的，所以 VSCode 写代码，Webstorm 来做代码校验。双管齐下

[riemann66]

webstorm git 和代码提示方面 比 vscode 的好太多了 多人协作涉及代码 merge 的时候还是 webstorm 好用 当然也要看自己用哪种工具开发效率更高

[tolking]

vscode+volar 没有提示很可能是你的姿势不对，可以看看 element-plus 文档怎么配置

vscode+volar 的类型推断基于组件生成的类型，而 websotrm 基于从文档生成的 web-types.json 文件

理论上 vscode+volar 类型提示更完善也更准确

websotrm 对与一些繁杂类型可能无法很好的推断

[binbinjpjp0915]

团队保存时格式化插件 坑死。。。

[catteroLo]

首选 webstorm ，remote 还是只能用 vsc

[nijjba]

VSCode 没有提示，可能没有安装 TypeScript Vue Plugin (Volar) 这个插件，要跟 Volar 一起安装的

[gouflv]

vscode-neovim 成功让我省了 webstrom 的订阅

[gouflv]

说回来，不管哪个编辑器，写 vue 都挺难受

[godmiracle]

找一个主流 vue3 项目，把里面.vode 文件 copy 下来，全安装上，就可以用 vscode 写，不然还是用 webstorm

[dddys]

vscode

[uasier]

@liuhuansir 我 vue+python+go vscode 很舒服

[Enzoliu]

不是前端，我是写 go 的
个人感觉 JetBrains 全家桶写代码比 vscode 舒服太多了 ...

[Enzoliu]

@Enzoliu 推荐首选 webstorm2023

[Bingchunmoli]

如果熟悉前端生态知道用什么插件怎么配置一般 vscode 较多，如果反之则不如 webstorm （除非你要去深究学习 还是 vscode ）

[AyaseEri]

选哪个基本就是要不要加钱的问题。
纯前端、专业前端一般是选择不花这个钱的，因为没什么必要。
后端建议还是花钱上 webstorm ，或者 idea 社区版装插件。

[nowheremanx]

我业余写前端，vscode 上的 vue3+ts 感觉还行，但是远程开发会有路径和引用的问题，不知道为啥。刚开始靠毅力离开自动补全写代码，项目大了就吃不消了，又不想调试各种插件，最后直接远程桌面了。

题外话发发牢骚。

感觉前端开发大量时间都在配置上，太复杂了。。。爆肝配完后，就是大量的体力劳动。然后为了减少体力劳动，开始蹩脚的模块化和可复用，但事实上很难做到可复用，就一个模块里重复用一用，想要做到类似 UI 库的水平，又要搞很多复杂的技巧。我都怀疑我写的模块别人根本没法用，宁愿自己重新造一个。

然后，引入 TS 让开发感觉起来更加 robust 了，但是大大拖慢了项目进度，代码一大坨一大坨。。。不知道你们对 TS 是啥看法。。。

[storyxc]

后端+1 ，前阵子学写 vue3+ts 也做了俩小项目，两种都尝试过，webstorm 的问题是经常各种飘红，但是代码提示太香了，再就是习惯了 IDEA 的快捷键，中间几次想换到 vscode 写起来实在难受，最后还是不折磨自己了 用 webstorm

[signalas1]

vscode 很折腾，我推荐 Webstorm 。

[lneoi]

webstorm 2023 后我用的频率高了非常多

[dengshen]

@stillsilly 同样+1 。webstorm 打开同事写的代码疯狂报波浪线🐶 因为有的项目没有开 lint ，代码写到什么质量只能靠自己

[ETO]

@stillsilly 我们组 20 个前端，就我一个人用 webstorm , 但我是技术最烂的那个。

[stillsilly]

@ETO
那你要多努力了，裁员最先裁你这种

[yetrun]

webstorm 和 vscode 都用过，对于 Vue3 + TS 项目，我发现类型提示上 vscode 比 webstorm 多，特别是 template 块

[ETO]

@stillsilly 好的，我回家养猪

[tlerbao]

我选择 webstorm 最新版支持的非常好

[NOneKnowYeah]

我选 webstorm ^_^