开发Chrome扩展时如何在IDE中获取Chrome API自动补全建议？

方案1：安装TypeScript类型定义（通用方案，JS/TS项目都适用） #

• 若你的项目使用npm进行包管理，直接在项目根目录执行安装命令：npm i @types/chrome -D
• 安装完成后重启VSCode，无需额外配置，即可识别全局chrome对象的所有API，支持方法补全、参数提示，还会自带对应的官方描述说明
• 如果你是无npm管理的普通前端项目，可以在项目根目录新建jsconfig.json文件，添加如下配置引入类型即可生效：

{
  "compilerOptions": {
    "types": ["chrome"]
  }
}

方案2：安装VSCode专属扩展 #

• 直接在VSCode扩展商店搜索「Chrome Extension API Snippets」，安装对应扩展即可
• 安装后除了chrome.*API的自动补全，还会自带常用扩展开发代码片段，输入对应前缀就能快速生成完整的API调用模板

• 如果你开发的是Manifest V3版本的扩展，安装@types/chrome包时注意更新到最新版本，最新版已经完整支持MV3的所有新增API，比如chrome.scripting、chrome.action等
• 如果自动补全不生效，可以按下Ctrl+Shift+P（Mac系统为Cmd+Shift+P）执行「Reload Window」命令重载VSCode窗口即可

内容的提问来源于stack exchange，提问作者mathiarasan arasan