老话题重提了，写 vue3+ts+element-plus 用 vscode 还是 webstorm2023
code4love · 2023-06-30 12:08:59 +08:00 · 6672 次点击这是一个创建于 550 天前的主题，其中的信息可能已经有所发展或是发生改变。
后端转前端，前端初学者，折腾了两天，目前两种方案都有不完善的地方。两种方案都是打开相同的工程
- vscode：装了插件 volar ，代码提示不支持 element 控件，比如 el-button 不能提示属性和枚举值等，支持提示自定义组件的 props 。如果安装插件 element-plus snnipts ，倒是可以支持 element 控件的编写，但是修改时，还是不支持提示 element 控件的属性和枚举值
- websotrm：通过修改 settings 能提示 el-button 和属性枚举值等，但是不支持提示自定义组件的 props 。。
请问各位是我配置有问题，还是确实就是这样呢？哪种方案体验比较好呢。 内存占用差不多，vscode 4g ，webstorm 6g ，不考虑性能问题了
 |
1
sunxiaping521 2023-06-30 12:18:50 +08:00
都可以，但是前端确实是 vscode 用的多；不过，我是后端，也用 vscode ；免费，插件多；但是，实际项目我还是 IDEA 用的多；总结，看公司要求和个人爱好~
|
 |
2
flyqie 2023-06-30 12:22:17 +08:00
到目前为止，你可以相信 jb 家的 IDE 。。
vscode 适合自己想折腾的人，新上手或者懒得折腾的话 jb 家 IDE 是很棒的。 |
 |
3
q447643445 2023-06-30 12:51:38 +08:00
ws 2023.2 好像已经支持 volar
升级到 vue3.3 好像也加强了 props 的提示 vscode 没做过开发 一直当编辑器在用 |
 |
4
liuhuansir 2023-06-30 13:24:50 +08:00
纯前端估计用 vscode 的比较多，我们公司就是，但是前后端都做的，肯定是 idea 了，直接在一个 IDE 里写前后端不要太方便
|
 |
5
ewiglicht 2023-06-30 13:29:54 +08:00
不考虑性能 webstorm
|
 |
6
cangcang 2023-06-30 13:39:44 +08:00
代码不提示是 ts 环境变量定义的问题
|
 |
7
Jaosn 2023-06-30 13:41:23 +08:00
不应该不提示吧，都有 ts 了
|
 |
8
coderdusk 2023-06-30 13:45:29 +08:00
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",...] |
 |
10
stillsilly 2023-06-30 13:46:42 +08:00  7
我们组 20 个前端，其他 19 个都用 vscode ，就我一个用 webstorm ，但我是技术最屌的那个。
自己用得顺手就行了，不需要管别人用的啥 |
 |
11
chf007 2023-06-30 13:50:13 +08:00
webstorm
|
 |
12
ztc 2023-06-30 14:03:43 +08:00
都不用，用 nvim
|
 |
13
wu67 2023-06-30 14:04:50 +08:00
vsc + volar + ts + vue3 + eslint, 目前有内存泄露的毛病. 反正我电脑上时这样的...
|
 |
14
Cloudust 2023-06-30 14:08:04 +08:00
volar 这个插件使用上没什么大毛病，就是内存占用太高。开 react 项目，基本 400m 左右，开 vue 直接飙到近 3 个 G 。之前也去提过 issue ，也看到很多类似的 issue ，不过还是没解决问题。
|
 |
15
star7th 2023-06-30 14:08:05 +08:00
vscode 。你想继续混前端的话，建议跟大流
|
|
16
star7th 2023-06-30 14:09:23 +08:00
讨论 vue 还是 react 的可能有不少人。但是编辑器上，vscode 在前端群体里有压倒性的占有率
|
 |
17
Ayanokouji 2023-06-30 14:10:24 +08:00 1
我是后端，我推荐 webstorm ，懒得背两套快捷键
|
 |
18
stein9999 2023-06-30 14:16:54 +08:00 via iPhone
vscode 要折腾插件，不想折腾用 webstorm
|
 |
19
9ki 2023-06-30 14:18:12 +08:00
一直都是用 IDEA(WebStorm), 你说的问题没有遇到过, 建议重置配置然后重新安装下
顺带一提, 现在 IDEA(WebStorm) 已经内置了 Volar |
 |
21
sjhhjx0122 2023-06-30 15:04:21 +08:00
这个大概率是 element plus 的问题,我也遇到了,其他组件库都能提示就 element plus 不行
|
 |
22
sadfQED2 2023-06-30 15:16:57 +08:00 via Android
我是后端 webstorm +1
但是我接触过的专业前端，都是用 vscode |
 |
23
samnya 2023-06-30 15:39:02 +08:00
两边都用，webstorm 就是开箱即用，基本不需要配置，vscode 要自己装各种插件才行
|
 |
24
cooooler 2023-06-30 15:53:05 +08:00
webstorm 吧，开箱即用，工具而已，没必要折腾
|
 |
25
sunny2580839896 2023-06-30 15:54:49 +08:00
vs 不会配置格式化，ws 直接可以格式化
|
 |
26
zzzmh 2023-06-30 16:19:47 +08:00
我用 ws 是因为先入为主，idea 用这么多年习惯了，再加上最近刚好申请到免费的 linsense ，如果考虑正版的售价，我会选择都不用，缩回 sublime text
|
 |
27
waltcow 2023-06-30 16:21:50 +08:00
vsremote
|
 |
28
CHTuring 2023-06-30 16:26:29 +08:00
众所周知，同样的 ESlint 规则，对于 type 的验证，在 Webstorm 里面它会自动智能联想并推举，但是在 VSCode 里面是报错，而且编译是通不过的，所以 VSCode 写代码，Webstorm 来做代码校验。双管齐下
|
 |
29
riemann66 2023-06-30 16:37:22 +08:00
webstorm git 和代码提示方面 比 vscode 的好太多了 多人协作涉及代码 merge 的时候还是 webstorm 好用 当然也要看自己用哪种工具开发效率更高
|
 |
30
tolking 2023-06-30 17:32:48 +08:00
vscode+volar 没有提示很可能是你的姿势不对，可以看看 element-plus 文档怎么配置
vscode+volar 的类型推断基于组件生成的类型，而 websotrm 基于从文档生成的 web-types.json 文件 理论上 vscode+volar 类型提示更完善也更准确 websotrm 对与一些繁杂类型可能无法很好的推断 |
 |
31
binbinjpjp0915 2023-06-30 17:35:12 +08:00
团队保存时格式化插件 坑死。。。
|
 |
32
catteroLo 2023-06-30 18:13:04 +08:00
首选 webstorm ，remote 还是只能用 vsc
|
 |
33
nijjba 2023-06-30 18:23:14 +08:00 1
VSCode 没有提示，可能没有安装 TypeScript Vue Plugin (Volar) 这个插件，要跟 Volar 一起安装的
|
 |
34
gouflv 2023-06-30 18:51:49 +08:00 via iPhone
vscode-neovim 成功让我省了 webstrom 的订阅
|
|
35
gouflv 2023-06-30 18:53:29 +08:00 via iPhone
说回来，不管哪个编辑器，写 vue 都挺难受
|
 |
36
godmiracle 2023-06-30 19:05:47 +08:00
找一个主流 vue3 项目，把里面.vode 文件 copy 下来，全安装上，就可以用 vscode 写，不然还是用 webstorm
|
 |
37
dddys 2023-06-30 21:06:44 +08:00
vscode
|
 |
38
uasier 2023-07-01 00:09:07 +08:00
@liuhuansir 我 vue+python+go vscode 很舒服
|
 |
39
Enzoliu 2023-07-01 00:39:47 +08:00
不是前端，我是写 go 的
个人感觉 JetBrains 全家桶写代码比 vscode 舒服太多了 ... |
 |
41
Bingchunmoli 2023-07-01 00:59:46 +08:00 via Android
如果熟悉前端生态知道用什么插件怎么配置一般 vscode 较多，如果反之则不如 webstorm （除非你要去深究学习 还是 vscode ）
|
 |
42
AyaseEri 2023-07-01 01:16:30 +08:00
选哪个基本就是要不要加钱的问题。
纯前端、专业前端一般是选择不花这个钱的，因为没什么必要。 后端建议还是花钱上 webstorm ，或者 idea 社区版装插件。 |
 |
43
nowheremanx 2023-07-01 11:29:28 +08:00
我业余写前端，vscode 上的 vue3+ts 感觉还行，但是远程开发会有路径和引用的问题，不知道为啥。刚开始靠毅力离开自动补全写代码，项目大了就吃不消了，又不想调试各种插件，最后直接远程桌面了。
题外话发发牢骚。 感觉前端开发大量时间都在配置上，太复杂了。。。爆肝配完后，就是大量的体力劳动。然后为了减少体力劳动，开始蹩脚的模块化和可复用，但事实上很难做到可复用，就一个模块里重复用一用，想要做到类似 UI 库的水平，又要搞很多复杂的技巧。我都怀疑我写的模块别人根本没法用，宁愿自己重新造一个。 然后，引入 TS 让开发感觉起来更加 robust 了，但是大大拖慢了项目进度，代码一大坨一大坨。。。不知道你们对 TS 是啥看法。。。 |
 |
44
storyxc 2023-07-01 12:01:11 +08:00
后端+1 ，前阵子学写 vue3+ts 也做了俩小项目，两种都尝试过，webstorm 的问题是经常各种飘红，但是代码提示太香了，再就是习惯了 IDEA 的快捷键，中间几次想换到 vscode 写起来实在难受，最后还是不折磨自己了 用 webstorm
|
 |
45
signalas1 2023-07-01 14:26:24 +08:00
vscode 很折腾，我推荐 Webstorm 。
|
 |
46
lneoi 2023-07-01 17:03:53 +08:00
webstorm 2023 后我用的频率高了非常多
|
 |
47
dengshen 2023-07-02 10:20:10 +08:00 via iPhone
@stillsilly 同样+1 。webstorm 打开同事写的代码疯狂报波浪线🐶 因为有的项目没有开 lint ，代码写到什么质量只能靠自己
|
 |
48
ETO 2023-07-06 09:27:56 +08:00
@stillsilly 我们组 20 个前端，就我一个人用 webstorm , 但我是技术最烂的那个。
|
|
49
stillsilly 2023-07-07 17:04:39 +08:00
@ETO
那你要多努力了，裁员最先裁你这种 |
 |
50
yetrun 2023-07-12 14:37:10 +08:00
webstorm 和 vscode 都用过，对于 Vue3 + TS 项目，我发现类型提示上 vscode 比 webstorm 多，特别是 template 块
|
|
51
ETO 2023-07-17 19:42:42 +08:00
@stillsilly 好的，我回家养猪
|
 |
52
tlerbao 2023-07-26 11:45:58 +08:00
我选择 webstorm 最新版支持的非常好
|
 |
53
NOneKnowYeah 2023-09-27 08:38:10 +08:00
我选 webstorm ^_^
|
 |
54
daliusu 207 天前
你不用.vue ，用 react 或者 vue 的 tsx ，webstorm 和 vscode 基本都没问题，我能感觉到的问题只有 webstorm 复制代码可以把导入一起准确的复制，其他甚至 vscode 更好用，ts 提示更多一些更轻快一些。用.vue ，这俩都是灾难，尤其是文件多了之后，各种层出不穷的问题，尤其是 vscode 那个稀烂的 vue 插件，动不动崩溃提示归零
|
Select Language