其他
配置WebStorm开发Chrome插件项目的智能提示
00 分钟
2024-1-3
2024-4-30
type
status
date
slug
summary
tags
category
icon
password
Parent item
Sub-item
Language

前言

在开发Chrome插件项目时,使用WebStorm作为IDE,经常会遇到调用Chrome相关接口时缺乏智能提示的情况。这对于开发者,尤其是像我一样入门的小白而言,可能会带来一些不便。为了提高开发效率,让IDE在调用Chrome接口时提供智能提示,我们可以通过安装相关JavaScript类库来实现。

下载Chrome类库(windows)

进入WebStorm设置:seettings -> Languages & Frameworks -> JavaScript -> Libraries。点击右侧的“Download”按钮,然后在弹出的对话框中找到“TypeScript community stubs”,随便点击一个,然后键盘输入chrom,就出现搜索框,找到对应的项目后点击“Download and Install”。
notion image
如果无法正常访问GitHub,可能会出现请求超时的情况,手动下载Chrome类库,复制URL,
手动下载这个文件后,回到WebStorm中进行手动配置。路径为:settings -> Languages & Frameworks -> JavaScript,然后点击右侧的“Add”按钮。
notion image
在弹出的对话框中选择已下载的Chrome类库文件,加载到WebStorm中进行配置。
notion image
至此,我们成功地配置了WebStorm,使其在开发Chrome插件项目时能够提供智能提示,大大提高了开发效率。