老话题重提了，写 vue3+ts+element-plus 用 vscode 还是 webstorm2023
code4love 2023-06-30 12:08:59 +08:00 7756 次点击这是一个创建于 863 天前的主题，其中的信息可能已经有所发展或是发生改变。
后端转前端，前端初学者，折腾了两天，目前两种方案都有不完善的地方。两种方案都是打开相同的工程
- 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 linkopeneyes 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 |
 | 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 好的，我回家养猪 |
 |
 | 53 NOneKnowYeah 2023-09-27 08:38:10 +08:00 我选 webstorm ^_^ |
 | 54 daliusu 2024-06-07 12:59:48 +08:00 你不用.vue ，用 react 或者 vue 的 tsx ，webstorm 和 vscode 基本都没问题，我能感觉到的问题只有 webstorm 复制代码可以把导入一起准确的复制，其他甚至 vscode 更好用，ts 提示更多一些更轻快一些。用.vue ，这俩都是灾难，尤其是文件多了之后，各种层出不穷的问题，尤其是 vscode 那个稀烂的 vue 插件，动不动崩溃提示归零 |
Select Language