【源码】基于 Vue 3 框架的谷歌浏览器插件开发模板

项目简介

本项目是基于 Vue 3 框架的谷歌浏览器插件开发模板。使用 Vite 作为打包工具，以 TypeScript 为编程语言，同时集成了 TailwindCSS 和 Element-Plus，提供了包含背景脚本、内容脚本、弹出窗口和选项页面等的基本插件结构。

项目的主要特性和功能

1. 基于 Vue 3 框架构建浏览器插件，可使用 Composition API 等特性。
2. 采用 Vite 打包，实现快速冷启动与实时热更新。
3. 运用 TypeScript 开发，具备更强的类型检查和代码提示。
4. 集成 TailwindCSS 和 Element-Plus，提供完整 UI 解决方案。
5. 使用 Pinia 进行状态管理。
6. 以 pnpm 作为包管理工具。

安装使用步骤

1. 复制项目

将项目复制到本地。

2. 安装依赖

进入项目目录，运行以下命令安装依赖： sh pnpm install

3. 开发

运行以下命令进行开发并启动热更新： sh pnpm dev

4. 构建生产版本

运行以下命令进行类型检查、编译和压缩，生成生产版本： sh pnpm build

5. 打包成浏览器插件

在 extension 目录下，有包含所有必要文件的目录结构。使用压缩工具（如 zip）将 extension 目录压缩为 .zip 文件，然后将后缀改为 .crx 即可在浏览器中安装使用。需在浏览器扩展程序管理页面中启用开发者模式以安装本地插件。

下载地址

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