如何用VueJS开发Chrome插件实现长尾词功能？

本文共计1816个文字，预计阅读时间需要8分钟。

浏览器插件开发是一种反馈率极高的技能。基本知识加上浏览器插件官方的扩展程序开发指南，允许你为浏览器添加功能。

浏览器基本已经天下大统了，放眼望去都是Chromium的天下。那么，能写一个浏览器插件也算是一种回报率不错的技能。

基本知识

浏览器插件官方的说法叫扩展程序，允许你为浏览器增加各种功能，但不需要深入研究浏览器本身的代码。你可以用HTML，CSS和JavaScript创建新的扩展程序，如果你曾经写过网页，那么写一个插件是非常轻松的事情。

常见的插件一般就是地址栏后面的一个图标，点击后给你当前网页提供各种功能，或者在你点击网页右键时弹出额外的菜单。

程序目录结构

最简单的扩展程序只需要3个文件，或者更少。

my-addon |- manifest.json |- icon.png └─ popup.html

• manifest.json：清单文件，用来描述插件本身，必须。
• icon.png：图标文件，如果你不想用默认图标这也是必须的。
• popup.html：算是插件的功能页吧，你至少得有点功能才有存在的意义吧。

当然上面的例子是最精简的情况了，一般的插件会有多个html，还有js目录，css目录等等，你可以把插件当成一个静态网站，唯一的区别是多了一个manifest文件用来描述这个静态网站。

清单文件示例

下面是一个精简版的manifest.json。