【源码】基于Vue.js框架的Chrome扩展程序模板

项目简介

此项目是用于快速创建Chrome扩展程序的模板，基于Vue.js框架开发，支持开发过程中的热重载功能。利用vue-cli为开发者提供了项目搭建的基础框架。

项目的主要特性和功能

1. 基于Vue.js框架，可实现快速开发与热重载。
2. 拥有多种组件结构，包含后台脚本、内容脚本、开发者工具、选项页面等。
3. 提供manifest文件，用于描述应用程序的功能与权限。

安装使用步骤

安装依赖与启动项目

1. 若未安装vue-cli，全局安装： bash $ npm install -g vue-cli
2. 使用模板创建新项目： bash $ vue init YuraDev/vue-chrome-extension-template my-project
3. 进入项目目录并安装依赖： bash $ cd my-project $ npm install # 或者使用yarn install
4. 运行开发服务器： bash $ npm run dev # 或者使用yarn dev

项目结构说明

• backend：用于后台脚本工作。
• content：在网页上下文运行的脚本。
• devtools：可添加新的UI面板和侧边栏，与检查页面交互并获取网络请求信息。
• options：提供选项页面，供用户自定义扩展行为。
• popup：点击图标时显示的页面（窗口）。
• tab：应用程序在单独选项卡中运行。
• ext：共享脚本。
• manifest.js：描述应用程序、权限及可能性的文件。

具体使用和功能开发需根据需求修改扩展，更多详细指导可参考Vue.js和Chrome扩展开发文档。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】