# 介绍

政采云 ZooTeam 开发的前端小报 Chrome 浏览器扩展工具,用于公司内部学习交流,主要功能有:

  • 供公司内部开发者随手投稿看到的优秀文章,支持自动读取页面文章标题、描述等。

  • 支持便捷展示国外一些高质量博客文章,方便随时阅览。

  • 支持便捷查看公司内部不同周数的小报。

  • 支持按照技术分类标签查询投稿的相关文章。

  • 提供链接快捷入口,如内推地址、技术文档地址、网络图书馆地址、常用工具地址等。

# 启动效果

crx.png

# 初次安装

# 本地启动

首次下载项目时,在项目目录下,执行如下命令:

 $ npm run dev

# 配置文件

src/config/index.js 文件下,配置服务器主机 ip端口号 port, 连接自己的服务器。

src/assets/icons 下的图片,使其与 src/manifest.json 文件下 icons 的配置一致,可以为插件自定义在浏览器右上角显示的扩展标记。

默认标记图片如下:

crx_icon.png 访问 `chrome://extensions/` ,开启 `开发者模式`,点击 `加载已解压的扩展程序`,文件夹路径指向 `dist/`,测试功能。

每次修改代码后会自动编译更新更新,若功能无误,可以开始打包。

# 打包

执行如下命令:

$ npm run build

将得到 /zip 路径下的 .zip 文件。

文件名为src/manifest.json 文件下的 name 值,版本号为对应文件的 version 值(注:该扩展版本号非 package.json 中的版本号)。

# 使用

压缩文件可上传 Google 扩展应用管理,可见官方文档 (opens new window)。也可以在团队内部共享压缩包,以后安装插件,可以将路径直接指向解压后的打包文件。

# 扩展配置

  • /src/config/develop.json 文件下支持配置您的常用推荐模块的图片、文字、链接
  • /src/config/index.js 文件下,修改 otherBlogs 配置其他滚动展示的博客页面;修改links 配置团队前端文档跳转地址、内推按钮跳转地址等(默认以政采云团队团队介绍为链接)
  • src/config/books.json 文件下,配置图书馆页面,修改 source 配置跳转链接,(默认以政采云团队掘金主页为链接)

# 主要依赖项

# 参考文档

Last Updated: 5/19/2021, 5:57:10 PM