WebStorm TypeScript中如何不输入字符直接显示对象所有可用属性?
WebStorm 无输入直接展示对象全量可用属性的方法
你之前找的Inlay Hints是代码内嵌提示配置,和属性补全弹出无关,可通过以下两种方式实现需求:
- 快捷键手动触发
将光标放到目标对象末尾的.之后,直接按下基础补全默认快捷键:- Windows/Linux:
Ctrl+Space - macOS:
^Space
不需要输入任何字符,就会弹出该对象所有可访问的属性、方法列表。如果快捷键和系统输入法切换冲突,到Settings > Keymap > Main Menu > Code > Completion路径下,找到Basic补全项,修改为无冲突的快捷键即可。
- Windows/Linux:
- 配置自动弹出
如果希望光标停在对象.之后自动弹出属性列表,不需要按键也不需要输入内容,按以下步骤调整配置:- 打开设置面板:Windows/Linux按
Ctrl+Alt+S,macOS按Cmd+, - 进入
Editor > General > Code Completion配置页 - 勾选Autopopup code completion选项,将下方的触发延迟(Autopopup in (ms))调整为你需要的时长,设置为0即光标定位后立刻弹出
- 可根据使用习惯选择是否取消勾选Insert selected variant by typing dot, space, etc.,避免输入符号时误插入选中的补全项
- 打开设置面板:Windows/Linux按
如果需要查看对象属性的详细定义、继承关系,不需要触发补全列表的话,可在光标定位到对象时按Ctrl+Shift+I(Windows/Linux)/Cmd+Y(macOS),会弹出快速定义面板,展示对象的完整结构信息。
注意:以上功能需要WebStorm能正确推导目标对象的类型,对于未做类型标注、动态生成的弱类型对象,IDE无法识别完整属性列表,无法全量展示。
内容的提问来源于stack exchange,提问作者Ander_The_Wood
相关产品推荐
相关产品推荐

