【chrome插件教程】使用vue开发chrome插件

3 月，跳不动了？>>>

第一步：建立清单manifest.json文件（具体配置根据自己的来）

{
    "manifest_version": 2,
    "name":"京东图书排名榜",
    "description":"获取京东图书排名插件",
    "version":"1.0.0",
    "permissions":[
        "https://www.jd.com/"
    ],
    "icons":{
        "16": "img/icon.png",
        "48": "img/icon.png",
        "128": "img/icon.png"
    },
    "browser_action":{
        "default_icon":"img/icon.png",
        "default_popup":"popup.html",
        "default_title":"京东编程图书排名"
    },
    "homepage_url": "https://www.jd.com/"
}

第二步：用vue-cli3建立一个新的vue项目

第三步：把清单和清单配置中的文件复制到新项目的public目录下。

第四步：配置vue项目的indexPath选项值为popup.html

第五步：开发项目，然后打包，把生成的文件拖拉到  chrome://extensions/ 界面去。这样就ok了。

来源：oschina

链接：https://my.oschina.net/jishuge/blog/3208775