求推荐前端开发好用的代码编辑器

[horseInBlack]

主要是代码提示、路径补全啥的

为了方便自动补全路径现在已经不用默认导出尽量用命名导出了，但还是想使用 ref,onMounted 这些常见方法的时候没有提示

最蛋疼的是今天早上，新增一行代码报了 28 个错误，删除那行代码还是报错，找了半天发现是写了个 response 自动给我引入 express 了，我这根本没用到没安装没依赖 express ，更何况函数的形参里已经写了 response 了

目前我尝试过的编辑器
- VSCode： 一直在用用的最多的，最近也发现比较卡了，关掉符号跟踪、Git 跟踪等设置会好一些，但是开多个项目（参考）还是占用挺大内存的，在考虑要不要换电脑的程度了
- WebStorm： 官网下的最新版试用，听说这种商业 IDE 都帮你配置好了，本人也确实没有使用经验，无法补全上面说的那些场景
- Fleet： 巨他妈离谱，说什么未来的轻量级编辑器，我打开一个刚开始写的 Vue 管理后台项目，开启智能模式，直接占用 3-4G 内存，风扇狂转

重点不是电脑风扇狂转，现在电脑性能还算够用，换电脑也不是问题，但是代码补全和自动引入是问题

看了回复大家还是都推荐 VSCode ，那就求大家推荐自己用的 VSCode 插件吧，特别是代码补全和自动引入的插件

[Ghrhrrv146]

vscode 除了 import 函数的路径提示不如 webstorm ，其他方面的代码提示挺全面的，你装了 volar 插件吗

[Ghrhrrv146]

另外，推荐 vscode 的 auto import 插件，打出 ref 后可以自动导包，不需要自己手动 import

[novaline]

无脑 vscode

[moreant]

不知道现在 webstorm 对于 vue3 的支持怎么样了，几个月前是不支持 vue3 的语法的，最近用 2.7 写 script setup 没啥问题了。

vscode 配合 volar 没有遇到不提示的问题

@Ghrhrrv146 推荐一下 unplugin-auto-import 和 unplugin-vue-components ，vue 的方法和组件都能做到自动按需引入，不用自己导包

[heishu]

webStorm 应该都不需要自己还设置什么了吧，我直接用的 idea ，一样的写前端

[chengxy]

@moreant 几个月前不支持 vue3 是什么鬼，去年就支持了啊，我年初的项目就是 vue3 + tsx 写的。

[geekaven]

怕卡？用 nvim 吧，不想自己配置就用别人的 比如：LunarVim

[HugoChao]

vscode

[moreant]

@chengxy 当时 setup 语法糖加入默认模板不久，现在看了一下 21 年 9 月之后支持了。
https://youtrack.jetbrains.com/issue/WEB-49000/Vue-3-Support-new-script-setup-without-ref-sugar#focus=Comments-27-5188656.0-0

时间过得真快，我还以为是几个月前的事情

[lengyuqu]

WebStorm 开箱即用，vscode 普及度高，其他的不用看了。
做开发的电脑都带不动软件还开发个锤子

[liubaicai]

换电脑用 vscode 吧

[Lenic]

我不推荐你用 Emacs 或者 Vim ，根据你的描述感觉你还是想开箱即用的，最简单快捷的办法就是换电脑，之后所有问题全部消失掉。

另外一种就是选择我不推荐的：我自己目前在用的就是 14 年中的 MBP ，前面因为 VSCode 用起来风扇狂吼，不想买新电脑的情况下，只有 Vim 和 Emacs 两个选择。因为自己不习惯 Vim 的模式编辑，所以选择了 Emacs 。

注：Vim 和 Emacs 都是不能开箱即用的，要有折腾精神才能用下去。

[DOLLOR]

前段时间用 vscode 的 volar 插件，提示、报错确实总是慢半拍，开发体验不如 react ，不知道现在有改进了没有。

[ccyu220]

@DOLLOR 没有，这是硬伤，修复不了，作者用的 M1 Max 。

[hangbale]

vscode + github copilot

[ccyu220]

反正我是明年就不续 webstorm 了，VSCode + Github Copilot 能解决 99% 的问题

[molvqingtai]

写前端还有啥选择，所有插件支持度都是 vscode first

[sjhhjx0122]

@DOLLOR 没有，还是超级慢

[hzxxx]

我觉得你应该看一下 jsconfig 和 tsconfig

[horseInBlack]

@hzxxx

配置了，没有的话 Vetur 就已经提示了，按照官方指南配置的

[hzxxx]

@horseInBlack 那应该是没有读取到包里的信息，webstorm 是是很智能的 IDE ，ref 这些 vue3 的包里明确导出的东西不应该读取不到，我刚试了 vscode ，我没装 volar ，默认的插件就能识别到 vue3 包里的 ref ，我只输入一个 r 都会有代码补全悬浮框，我觉得不是编辑器或者 IDE 的问题

[westoy]

vscode + copilot

其它不需要了

[hzxxx]

@horseInBlack vue3 的话，用 volar 吧，官方文档说了，在 vue3 项目禁止掉 vetur
https://cn.vuejs.org/guide/scaling-up/tooling.html#ide-support
https://cn.vuejs.org/guide/typescript/overview.html#volar-takeover-mode