如何让VS Code将可调用属性自动补全为箭头函数而非普通函数?
解决VS Code中TS/TSX可调用属性补全为箭头函数的问题
目前TypeScript官方和VS Code原生没有提供直接的设置项,能将propertyName(args)这个默认补全选项直接替换为箭头函数格式,但可以通过以下两种方式实现类似需求:
自定义用户代码片段快速生成箭头函数属性
- 按下
Ctrl+Shift+P打开命令面板,搜索「配置用户代码片段」并选择 - 根据你的文件类型,选择
typescript.json(TS文件)或typescriptreact.json(TSX文件) - 添加如下代码片段并保存:
{ "箭头函数式可调用属性": { "prefix": "${1:prop}", "body": [ "$1: ($2) => $3" ], "description": "快速生成箭头函数格式的可调用属性" } }之后在代码中输入属性名前缀,就能触发这个自定义补全,按Tab键可依次修改属性名、参数和返回值内容。
- 按下
使用扩展自定义补全规则
安装一款支持自定义TS/JS补全逻辑的VS Code扩展(比如代码补全增强类的TS专用扩展),通过扩展的配置功能,设置转换规则,将默认生成的普通函数格式自动替换为箭头函数格式。
内容的提问来源于stack exchange,提问作者Sanitysign
相关产品推荐
相关产品推荐

