【源码】基于 TypeScript、Vue3 和 Vite 的 Chrome 谷歌搜索计数器插件

项目简介

本项目是一个基于 TypeScript、Vue3 和 Vite 的 Chrome 扩展插件开发模板，集成了 Tailwind CSS。它聚焦于快速开发谷歌搜索计数器功能，提供了基础框架和常用工具，有效简化了插件的开发流程。

项目的主要特性和功能

主要特性

1. 使用 TypeScript 开发，通过严格的类型检查与规范保障代码质量和可维护性。
2. 借助 Vite 构建工具，实现快速开发、热更新以及扩展插件的构建。
3. 运用 Vue 3 框架搭建用户界面和交互逻辑。
4. 引入 Tailwind CSS 这一轻量级实用类优先的 CSS 框架，可快速构建现代 UI。
5. 利用 CRXJS Vite Plugin 简化 manifest.json 创建和打包入口配置。

功能介绍

谷歌搜索计数器功能

• 计数：在谷歌搜索结果页面显示搜索次数。
• 清除：提供清除计数器按钮，可重置计数。
• 持久化：使用 IndexDB 存储搜索计数数据，实现跨会话持久化。

安装使用步骤

步骤 1：准备开发环境

确保已安装 Node.js 和 npm（或 pnpm），在终端运行以下命令安装项目依赖： bash pnpm install npm run prepare

步骤 2：启动开发服务器

运行以下命令启动开发服务器： bash npm run dev

步骤 3：在浏览器中加载插件源码

打开 Chrome 浏览器，进入扩展程序管理页面（chrome://extensions/），开启开发者模式，选择“加载已解压的扩展程序”，选择项目根目录下的 dist 文件夹进行加载，即可开始使用并调试插件。

下载地址

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