使用 chrome api 开发 chrome 扩展时，如何在 IDE 上获得自动完成建议？

How to get auto complete suggestions on IDE while developing chrome extension using chrome api?

提问人：mathiarasan arasan 提问时间：10/27/2021 更新时间：11/18/2023 访问量：1582

问：

最近我正在开发Chrome扩展程序。但是，使用 JS，HTML，CSS 对于每个操作，我都在 Google 上搜索 Chrome.* API 参考。有没有办法在 VSCode 中为 Chrome.* API 方法的自动完成添加扩展？

扩展程序 谷歌浏览器 应用程序

评论

0赞 wOxxOm 10/27/2021
是的，这取决于您的 IDE。对于 ManifestV2，您可以使用 npmjs.com/package/@types/chrome，对于 ManifestV3，请使用官方 npmjs.com/package/chrome-types
0赞 Community 10/27/2021
请提供足够的代码，以便其他人可以更好地理解或重现问题。

答：

7赞 kentuckyss 7/22/2022 #1

如果您使用 Vscode，只需在项目的根目录下创建或更新jsconfig.json：

{"typeAcquisition": {"include": ["chrome"]}}

评论

1赞 stwr667 7/25/2023
作为参考，以下是以下 VSCode 文档： code.visualstudio.com/docs/languages/jsconfigjsconfig.json
1赞 Zaki Rashid 8/24/2022 #2

参考（用户：ewwink）：https://www.reddit.com/r/vscode/comments/93c2ez/chrome_extension_autocomplete/

步骤：

  1. Visual Studio 代码
  2. 文件 => 首选项 => 设置
  3. 用户
  4. 扩展
  5. 在 Activation on Language => 下，单击settings. JSON
  6. 在 JSON 中添加以下内容

{“typeAcquisition”： {“include”： [“chrome”]}}

  1. 瞧，你准备好了！

File => Preferences => Settings

settings. JSON => insert code (:

1赞 Farzad Soltani 11/18/2023 #3

只需安装源代码本身提供的官方类型，您就可以开始了。

例如：npm install --save-dev chrome-types

这是包本身： https://www.npmjs.com/package/chrome-types

上一个：使用 chrome api 开发 chrome 扩展时，如何在 IDE 上获得自动完成建议？

下一个：如何在 javascript 中 window.location.reload（） 之后修复“消息端口在收到响应之前关闭”