Google Extensions

通过google chrome扩展, 我们可以增加浏览器的功能, 来帮助用户更好的使用我们的产品, 今天就简单的告诉大家,如何快速的开始google扩展。

首先我们来说说脚手架

  1. extension-boilerplate - https://github.com/EmailThis/extension-boilerplate
    这个脚手架的魅力在于,你的一套代码,可以生成Chrome/Opera/Firefox的扩展, 内置了热加载来方便开发
    PS: 在安装包的时候你会报错,原因为此项目的gulp-sass版本过低,你可以将其升级为3.1.0或者4.1.0
    PPS:然后假设你的nodejs版本过高,又会导致build时打包出现问题, 你可以选择降低你的nodejs版本或者增加一个npm-shrinkwrap.json文件,然后增加如下配置

    1
    2
    3
    4
    5
    6
    7
    {
    "dependencies": {
    "graceful-fs": {
    "version": "4.2.2"
    }
    }
    }
  2. react-chrome-extension-boilerplate - https://github.com/jhen0409/react-chrome-extension-boilerplate
    对React比较喜欢的可以使用这个脚手架, 包含了Redux,以及热加载

  3. 不适用脚手架, chrome-plugin-demo - https://github.com/sxei/chrome-plugin-demo
    直接使用demo, 在demo的基础上开发
    这个示例相对齐全, 作者的博客地址 - http://blog.haoji.me/chrome-plugin-develop.html