VSCode中如何自动生成对象所有属性键以快速赋值?
问题描述

我正在创建一个以对象作为参数之一的新对象,VSCode的IntelliSense会提示该对象可拥有的所有属性。是否有办法自动添加所有属性键,让我只需填写对应的值?
解决方法
VSCode里有几种实用方法能实现这个需求:
- TypeScript原生补全:如果项目基于TypeScript,输入对象类型名后按下
Ctrl + Space(Windows/Linux)或Cmd + Space(Mac)触发补全,选中对应类型后按Tab,就能自动生成所有必填属性的结构。要是需要包含可选属性,可在VSCode设置中搜索typescript.suggest.completeFunctionCalls并开启它。 - 借助扩展工具:安装
Object.keys AutoComplete或Auto Import这类扩展,它们能直接根据IntelliSense的提示,一键生成对象的所有属性键。部分代码格式化扩展(比如Prettier)也能配合优化生成的对象结构。 - 自定义代码片段:针对常用的对象类型,在VSCode中自定义代码片段。打开用户代码片段文件,添加类似如下配置:
"Generate object properties skeleton": { "prefix": "obj-skel", "body": [ "{", "\t${1:prop1}: ${2:val1},", "\t${3:prop2}: ${4:val2},", "\t${5:prop3}: ${6:val3}", "}" ], "description": "快速生成对象属性骨架" }
之后输入obj-skel就能快速调出属性模板,替换成实际的属性键即可。
内容的提问来源于stack exchange,提问作者Abhishek Dhaduvai
相关产品推荐
相关产品推荐

