# AI大模型浏览器翻译插件

**Repository Path**: hgh2002/AI-Large-Model-Browser-Translation-Plugin

## Basic Information

- **Project Name**: AI大模型浏览器翻译插件
- **Description**: 这是一款基于 WXT 和 Vue3 开发的 AI 大模型浏览器翻译插件。它借助强大的大语言模型，实现浏览器内的无缝翻译。支持配置 API 相关设置，包括 API 地址、API Key 以及模型选择（支持 Qwen/Qwen3 - Coder - 480B - A35B - Ins、gpt - 4 等模型），可根据需求将内容翻译为中文、英文或日文。插件开源，方便所有用户获取和进行个性化定制。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-09-06
- **Last Updated**: 2025-11-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AZ翻译插件 - AI大模型浏览器翻译插件

## 项目简介

AZ翻译插件是一款基于AI大模型的智能浏览器翻译扩展，支持多种语言的实时翻译。该插件采用现代化的技术栈开发，提供流畅的用户体验和强大的翻译功能。

## 主要功能

- 🌐 **多语言支持**：支持中英文等多种语言的互译
- 🤖 **AI大模型翻译**：基于先进的AI翻译技术，提供准确的翻译结果
- 🚀 **实时翻译**：选中文字即可快速翻译，无需等待
- 🎨 **优雅界面**：使用Vant UI组件库，界面简洁美观
- ⚡ **快速响应**：优化的性能，翻译响应迅速
- 🔒 **隐私保护**：本地处理，保护用户隐私

## 技术栈

- **WXT** - 现代化的浏览器扩展开发框架
- **Vue 3** - 渐进式JavaScript框架
- **TypeScript** - 类型安全的JavaScript超集
- **Vant** - 轻量、可靠的移动端Vue组件库
- **VueUse** - Vue组合式工具集

## 安装使用

### 开发环境搭建

1. 克隆项目
```bash
git clone https://gitee.com/hgh2002/AI-Large-Model-Browser-Translation-Plugin.git
cd AI-Large-Model-Browser-Translation-Plugin
```

2. 安装依赖
```bash
npm install
```

3. 开发模式运行
```bash
npm run dev
```

4. 构建生产版本
```bash
npm run build
```

### 浏览器安装

1. 构建项目后，在 `dist/` 目录中找到扩展文件
2. 打开浏览器的扩展管理页面
3. 开启开发者模式
4. 加载已解压的扩展，选择 `dist/` 目录

## 项目结构

```
wxt-translation/
├── entrypoints/          # 扩展入口点
│   ├── background/      # 后台脚本
│   ├── content/         # 内容脚本
│   └── popup/           # 弹出窗口
├── components/          # Vue组件
├── utils/               # 工具函数
├── assets/              # 静态资源
├── public/              # 公共资源
└── wxt.config.ts        # WXT配置文件
```

## 开发说明

### 可用脚本

- `npm run dev` - 启动开发服务器
- `npm run dev:firefox` - 针对Firefox的开发模式
- `npm run build` - 构建Chrome扩展
- `npm run build:firefox` - 构建Firefox扩展
- `npm run zip` - 打包Chrome扩展
- `npm run zip:firefox` - 打包Firefox扩展
- `npm run compile` - TypeScript类型检查

### 配置说明

项目使用WXT框架进行浏览器扩展开发，配置文件 `wxt.config.ts` 中已配置：
- Vant组件自动导入
- Vue组合式API自动导入
- Storage权限配置

## 作者信息

- **作者**：huangguohui2002
- **仓库地址**：[https://gitee.com/hgh2002/AI-Large-Model-Browser-Translation-Plugin.git](https://gitee.com/hgh2002/AI-Large-Model-Browser-Translation-Plugin.git)

## 许可证

本项目采用开源许可证，详情请查看项目根目录下的LICENSE文件。

## 贡献指南

欢迎提交Issue和Pull Request来改进这个项目。在贡献之前，请确保：
1. 代码符合项目的编码规范
2. 通过TypeScript类型检查
3. 测试功能正常工作

## 更新日志

### v0.0.0 (初始版本)
- 基础项目结构搭建
- 集成WXT + Vue 3 + TypeScript
- 配置Vant UI组件库
- 添加翻译插件基础功能

---

**AZ翻译插件** - 让翻译变得更简单、更智能！

## 项目展示
![大模型配置页面](assets/1.png)
![结果展示页面](assets/2.png)