求推荐前端开发好用的代码编辑器 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
horseInBlack
V2EX    问与答

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

  •  
  •   horseInBlack 2022-10-18 10:57:30 +08:00 4028 次点击
    这是一个创建于 1089 天前的主题,其中的信息可能已经有所发展或是发生改变。
    主要是代码提示、路径补全啥的

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

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

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

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

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

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

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

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

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

    其它不需要了
    hzxxx
        23
    hzxxx  
       2022-10-18 20:37:19 +08:00   1
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2505 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 01:49 PVG 09:49 LAX 18:49 JFK 21:49
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86