WXT框架开发浏览器扩展

"scripts": {
    "dev": "wxt --host 127.0.0.1 --port 3000", //强制走127.0.0.1 而不是localhost
}

{rootDir}/
├─ .output/                # 构建产物输出目录：打包后的扩展文件与最终 manifest.json
├─ .wxt/                   # WXT 生成的工程/TS 配置缓存目录（无需手动修改）
├─ assets/                 # 需经 WXT 处理的静态资源（CSS、图片、字体等）
├─ components/             # 自动按需导入的 UI 组件目录（Vue 组件放这里可直接使用）
├─ composables/            # Vue 组合式函数（可复用逻辑），默认支持自动导入
├─ entrypoints/            # 扩展入口脚本与页面（background/content/popup/options 等在此）
├─ modules/                # 本地 WXT 模块（扩展 WXT 功能的插件片段）
├─ public/                 # 原样复制到输出目录的静态文件（不经过 WXT 处理）
├─ utils/                  # 自动导入的通用工具函数（与 components/composables 类似可全局用）
├─ .env                    # 开发环境变量（本地开发用）
├─ .env.publish            # 发布阶段环境变量（如商店凭据/CI 设置）
├─ app.config.ts           # 运行时配置（可通过 import.meta 访问的应用级配置）
├─ package.json            # 包管理配置与脚本命令入口
├─ tsconfig.json           # TypeScript 编译配置
├─ web-ext.config.ts       # 调试/启动浏览器的 web-ext 配置
└─ wxt.config.ts           # WXT 主配置（入口、权限、构建目标、打包与开发行为）

import { defineWebExtConfig } from 'wxt';
import { resolve } from 'node:path';

export default defineWebExtConfig({
    binaries: {                                   // 中文注释：为不同目标浏览器指定可执行文件
        chrome: 'C:\\Users\\lee\\AppData\\Local\\Chromium\\Application\\chrome.exe', // 中文注释：指定 Chrome Beta
        // Linux 示例：
        // chrome: '/usr/bin/google-chrome-beta',   // 中文注释：Linux 常见路径（按发行版不同）
        // 还可以设置火狐，edge等浏览器
    },
    chromiumProfile: resolve('chrome-data'), //持久化浏览器数据，需要先手动创建这个文件夹，不然会出错
    keepProfileChanges: true, //保持浏览器数据
    // chromiumArgs: ['--user-data-dir=./.wxt/chrome-data'], // linux持久化浏览器数据
    //   disabled: true, // 禁用打开浏览器，此配置启用，本页其它配置不生效
});