chrome/browser

这两个是浏览器为插件开发提供的API，Chrome浏览器的变量名叫chrome，火狐浏览器的变量名叫browser

代码提示

我用的编辑器是vscode，之前一直不明白怎么给这两个变量添加代码提示

最早尝试

最开始我想的是加一个全局变量，搜到可以在.eslintrc配置中添加一个globals，把变量名加进去，但后来发现这个东西跟代码提示没半毛钱关系。这是ESLint的配置文件，它的功能只是代码检查。

问过插件开发的大佬，大佬只说导入Library啥的，当时的我亿脸懵逼...

折腾了两天，终于把这个做成了能打包成浏览器加载的插件了

姑且在这里记录一下，也算是前端学习笔记

目录结构

📦src
 ┣ 📂assets
 ┃ ┣ 📂icon
 ┃ ┃ ┣ 📜128.png
 ┃ ┃ ┣ 📜16.png
 ┃ ┃ ┗ 📜48.png
 ┃ ┗ 📂styles
 ┃ ┃ ┣ 📜global.scss
 ┃ ┃ ┣ 📜options.scss
 ┃ ┃ ┗ 📜popup.scss
 ┣ 📂background
 ┃ ┗ 📜background.ts
 ┣ 📂components
 ┃ ┣ 📂ui
 ┃ ┃ ┗...