如何在VS Code中让枚举类型switch语句自动补全所有case分支
VS Code 实现switch自动补全所有枚举case分支的方法
VS Code 对TypeScript原生提供该补全能力,不需要额外安装第三方扩展即可实现和Visual Studio Professional一致的效果,操作流程如下:
- 先补全switch语句的大括号结构,写成
switch (你的枚举参数) {}的形式,将光标放在两个大括号的中间位置 - 触发编辑器的代码建议:Windows/Linux系统按快捷键
Ctrl+Space,macOS系统按快捷键Cmd+Space;如果快捷键和系统输入法等功能冲突,可以在VS Code快捷键设置中搜索「触发建议」,修改为自定义的无冲突按键 - 在弹出的建议列表中选择
Add missing cases(补全缺失分支)选项,回车后编辑器就会自动填充当前枚举所有成员对应的case分支和break语句。
如果是JavaScript项目,需要先开启类型检查才能让VS Code识别枚举结构、触发对应补全:
- 可以在当前JS文件顶部添加
// @ts-check注释开启单文件类型检查 - 也可以在项目根目录创建
jsconfig.json配置文件,开启全项目的类型推导支持。
补全效果和预期完全一致,示例如下:
提前定义的枚举和函数框架:
enum Colors { Red, Blue, } function getColor(colors: Colors) { switch (colors) {} }
触发补全后自动生成的代码:
function getColor(colors: Colors) { switch (colors) { case Colors.Red: break; case Colors.Blue: break; } }
后续如果给枚举新增成员,把光标放到现有switch块内,编辑器还会自动提示缺失的case分支,选择补全即可自动追加对应代码,不需要手动逐行编写。
内容的提问来源于stack exchange,提问作者Abdul Mahamaliyev
相关产品推荐
相关产品推荐

