Home Sign Up Sign In
horseInBlack
V2EX  ›  问与答

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

  •   
  •   horseInBlack · Oct 18, 2022 · 4514 views
    This topic created in 1327 days ago, the information mentioned may be changed or developed.
    主要是代码提示、路径补全啥的

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

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

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

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

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

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

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

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

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

    其它不需要了
    hzxxx
        23
    hzxxx  
       Oct 18, 2022   ❤️ 1
    @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
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2745 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 64ms · UTC 02:20 · PVG 10:20 · LAX 19:20 · JFK 22:20
    ♥ Do have faith in what you're doing.