V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
horseInBlack
V2EX  ›  问与答

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

  •  
  •   horseInBlack · 165 天前 · 2203 次点击
    这是一个创建于 165 天前的主题,其中的信息可能已经有所发展或是发生改变。
    主要是代码提示、路径补全啥的

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

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

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

    看了回复大家还是都推荐 VSCode ,那就求大家推荐自己用的 VSCode 插件吧,特别是代码补全和自动引入的插件
    23 条回复    2022-10-18 20:37:19 +08:00
    Ghrhrrv146
        1
    Ghrhrrv146  
       165 天前   ❤️ 1
    vscode 除了 import 函数的路径提示不如 webstorm ,其他方面的代码提示挺全面的,你装了 volar 插件吗
    Ghrhrrv146
        2
    Ghrhrrv146  
       165 天前   ❤️ 1
    另外,推荐 vscode 的 auto import 插件,打出 ref 后可以自动导包,不需要自己手动 import
    novaline
        3
    novaline  
       164 天前
    无脑 vscode
    moreant
        4
    moreant  
       164 天前
    不知道现在 webstorm 对于 vue3 的支持怎么样了,几个月前是不支持 vue3 的语法的,最近用 2.7 写 script setup 没啥问题了。

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

    @Ghrhrrv146 推荐一下 unplugin-auto-import 和 unplugin-vue-components ,vue 的方法和组件都能做到自动按需引入,不用自己导包
    heishu
        5
    heishu  
       164 天前
    webStorm 应该都不需要自己还设置什么了吧,我直接用的 idea ,一样的写前端
    chengxy
        6
    chengxy  
       164 天前
    @moreant 几个月前不支持 vue3 是什么鬼,去年就支持了啊,我年初的项目就是 vue3 + tsx 写的。
    geekaven
        7
    geekaven  
       164 天前
    怕卡?用 nvim 吧,不想自己配置就用别人的 比如:LunarVim
    HugoChao
        8
    HugoChao  
       164 天前
    vscode
    moreant
        9
    moreant  
       164 天前
    @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
        10
    lengyuqu  
       164 天前
    WebStorm 开箱即用,vscode 普及度高,其他的不用看了。
    做开发的电脑都带不动软件还开发个锤子
    liubaicai
        11
    liubaicai  
       164 天前
    换电脑用 vscode 吧
    Lenic
        12
    Lenic  
       164 天前
    我不推荐你用 Emacs 或者 Vim ,根据你的描述感觉你还是想开箱即用的,最简单快捷的办法就是换电脑,之后所有问题全部消失掉。

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

    注:Vim 和 Emacs 都是不能开箱即用的,要有折腾精神才能用下去。
    DOLLOR
        13
    DOLLOR  
       164 天前
    前段时间用 vscode 的 volar 插件,提示、报错确实总是慢半拍,开发体验不如 react ,不知道现在有改进了没有。
    ccyu220
        14
    ccyu220  
       164 天前
    @DOLLOR 没有,这是硬伤,修复不了,作者用的 M1 Max 。
    hangbale
        15
    hangbale  
       164 天前
    vscode + github copilot
    ccyu220
        16
    ccyu220  
       164 天前
    反正我是明年就不续 webstorm 了,VSCode + Github Copilot 能解决 99% 的问题
    molvqingtai
        17
    molvqingtai  
       164 天前
    写前端还有啥选择,所有插件支持度都是 vscode first
    sjhhjx0122
        18
    sjhhjx0122  
       164 天前
    @DOLLOR 没有,还是超级慢
    hzxxx
        19
    hzxxx  
       164 天前
    我觉得你应该看一下 jsconfig 和 tsconfig
    horseInBlack
        20
    horseInBlack  
    OP
       164 天前
    @hzxxx

    配置了,没有的话 Vetur 就已经提示了,按照官方指南配置的
    hzxxx
        21
    hzxxx  
       164 天前
    @horseInBlack 那应该是没有读取到包里的信息,webstorm 是是很智能的 IDE ,ref 这些 vue3 的包里明确导出的东西不应该读取不到,我刚试了 vscode ,我没装 volar ,默认的插件就能识别到 vue3 包里的 ref ,我只输入一个 r 都会有代码补全悬浮框,我觉得不是编辑器或者 IDE 的问题
    westoy
        22
    westoy  
       164 天前
    vscode + copilot

    其它不需要了
    hzxxx
        23
    hzxxx  
       164 天前   ❤️ 1
    关于   ·   帮助文档   ·   博客   ·   nftychat   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   实用小工具   ·   2374 人在线   最高记录 5556   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 129ms · UTC 04:11 · PVG 12:11 · LAX 21:11 · JFK 00:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.