You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WebStorm TypeScript中如何不输入字符直接显示对象所有可用属性?

WebStorm 无输入直接展示对象全量可用属性的方法

你之前找的Inlay Hints是代码内嵌提示配置,和属性补全弹出无关,可通过以下两种方式实现需求:

  • 快捷键手动触发
    将光标放到目标对象末尾的.之后,直接按下基础补全默认快捷键:
    • Windows/Linux:Ctrl+Space
    • macOS:^Space
      不需要输入任何字符,就会弹出该对象所有可访问的属性、方法列表。如果快捷键和系统输入法切换冲突,到Settings > Keymap > Main Menu > Code > Completion路径下,找到Basic补全项,修改为无冲突的快捷键即可。
  • 配置自动弹出
    如果希望光标停在对象.之后自动弹出属性列表,不需要按键也不需要输入内容,按以下步骤调整配置:
    1. 打开设置面板:Windows/Linux按Ctrl+Alt+S,macOS按Cmd+,
    2. 进入Editor > General > Code Completion配置页
    3. 勾选Autopopup code completion选项,将下方的触发延迟(Autopopup in (ms))调整为你需要的时长,设置为0即光标定位后立刻弹出
    4. 可根据使用习惯选择是否取消勾选Insert selected variant by typing dot, space, etc.,避免输入符号时误插入选中的补全项

如果需要查看对象属性的详细定义、继承关系,不需要触发补全列表的话,可在光标定位到对象时按Ctrl+Shift+I(Windows/Linux)/Cmd+Y(macOS),会弹出快速定义面板,展示对象的完整结构信息。

注意:以上功能需要WebStorm能正确推导目标对象的类型,对于未做类型标注、动态生成的弱类型对象,IDE无法识别完整属性列表,无法全量展示。

内容的提问来源于stack exchange,提问作者Ander_The_Wood

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.08 16:15:17