PICGO 一月 06, 2021

PicGo 插件开发入门

PicGo

PicGo一个用于快速上传图片并获取图片 URL 链接的工具,可以把本地图片上传到图床并返回各种格式的链接

插件

PicGo支持插件开发,但官方教程并没有从零到安装成功的具体细节演示,只...

查看全文

浏览器插件 一月 05, 2021

Typescript 浏览器插件开发 chrome/browser 代码提示

chrome/browser

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

代码提示

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

最早尝试

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

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

查看全文

浏览器插件 五月 06, 2020

Vue TypeScript Webpack 浏览器插件开发

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

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

目录结构

📦src
 ┣ 📂assets
 ┃ ┣ 📂icon
 ┃ ┃ ┣ 📜128.png
 ┃ ┃ ┣ 📜16.png
 ┃ ┃ ┗ 📜48.png
 ┃ ┗ 📂styles
 ┃ ┃ ┣ 📜global.scss
 ┃ ┃ ┣ 📜options.scss
 ┃ ┃ ┗ 📜popup.scss
 ┣ 📂background
 ┃ ┗ 📜background.ts
 ┣ 📂components
 ┃ ┣ 📂ui
 ┃ ┃ ┗...
查看全文
0%