VS Code中接口snake_case属性IntelliSense失效问题求助

你遇到的这个问题大概率和VS Code 1.23.1自带的TypeScript版本有关——这个2018年发布的版本，其内置TypeScript服务对snake_case格式的接口属性补全存在兼容性bug。结合你的团队需求，这里给你几个可行的解决方案：

1. 升级项目TypeScript版本并切换到工作区版本 #

旧版TypeScript对非camelCase的属性补全支持不完善，升级到较新的稳定版就能解决大部分问题：

• 在项目根目录执行命令安装最新稳定版TypeScript：

  npm install typescript --save-dev
  

• 打开VS Code，按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）调出命令面板，输入TypeScript: Select TypeScript Version，选择Use Workspace Version，让VS Code使用你项目里安装的新版本TS。

2. 检查并调整VS Code的IntelliSense配置 #

有些默认设置可能会过滤掉snake_case的建议：

• 打开VS Code设置（快捷键Ctrl+,），搜索editor.suggest.showWords，确保该选项处于开启状态；
• 搜索typescript.suggest.enabled，确认其值为true；
• 搜索editor.suggest.filterGraceful，将其设置为true，避免严格的camelCase过滤规则影响补全结果。

3. 清除VS Code缓存并重启 #

有时候缓存会导致补全异常，尝试以下操作：

• 按下Ctrl+Shift+P调出命令面板，输入Developer: Reload Window重载窗口；
• 如果还是不行，可以关闭VS Code，删除项目根目录下的.vscode文件夹（记得先备份里面的配置文件），然后重新打开项目。

4. 确认接口定义的正确性 #

确保你的snake_case属性定义没有语法错误，比如：

interface TeamModel {
  project_id: string;
  team_name: string;
  create_time: Date;
}

检查是否存在拼写错误、多余的修饰符或者语法问题导致TS服务无法识别属性。

以上步骤中，升级TypeScript版本并切换到工作区版本是最核心的解决方案，因为旧版TS对非标准驼峰格式的补全支持确实存在缺陷。

内容的提问来源于stack exchange，提问作者Voltaire John Secondes Biton