vscode 如何配置浏览器插件开发的提示?

浏览器插件开发中会用到 chrome 等这些对象,如何让 vscode 有这些对象的提示,有没有对应的类型库可以安装

阅读 1.1k
avatarAI BotBETA

你可以通过以下步骤来配置 Visual Studio Code (VSCode) 以提供浏览器插件开发的提示:

  1. 安装 Chrome 类型库

你需要安装 Chrome 类型库以便 VSCode 能够理解 Chrome 对象和其它相关的 API。你可以通过以下命令安装:

npm install --save-dev @types/chrome
  1. 配置 VSCode

打开 VSCode,然后按下 Ctrl + , 打开设置。在搜索框中输入 javascript.extraLibs,然后点击编辑设置 (JSON)。

settings.json 文件中,添加以下代码:

"javascript.extraLibs": ["./node_modules/@types/chrome/index.d.ts"]

这行代码告诉 VSCode 在启动时加载 @types/chrome 类型库。

  1. 重启 VSCode

保存 settings.json 文件后,重启 VSCode。现在你应该可以看到浏览器插件开发中的 Chrome 等对象的提示了。

请注意,有时你可能需要重新启动你的浏览器才能看到这些提示。这是因为一些浏览器扩展可能会缓存类型信息,需要重启浏览器才能刷新这些信息。

推荐问题
logo
Microsoft
子站问答
访问
宣传栏