wxt

<h1 align="center"> <img style="vertical-align:middle" width="44" src="https://yellow-cdn.veclightyear.com/835a84d5/f411feed-6410-4553-99c9-ef1f6b63fb50.svg" alt="WXT 标志"> <span>WXT</span> </h1> <p align="center"> <a href="https://www.npmjs.com/package/wxt" target="_blank"><img alt="npm" src="https://img.shields.io/npm/v/wxt?labelColor=black&color=%234fa048"></a> <span> </span> <a href="https://www.npmjs.com/package/wxt" target="_blank"><img alt="npm" src="https://img.shields.io/npm/dm/wxt?labelColor=black&color=%234fa048"></a> <span> </span> <a href="https://github.com/wxt-dev/wxt/blob/main/LICENSE" target="_blank"><img alt="NPM" src="https://img.shields.io/npm/l/wxt?labelColor=black&color=%234fa048"></a> <span> </span> <a href="https://codecov.io/github/wxt-dev/wxt" target="_blank"><img alt="Codecov" src="https://img.shields.io/codecov/c/github/wxt-dev/wxt?labelColor=black&color=%234fa048"></a> </p> <p align="center"> <span>开发网络扩展的下一代框架。</span> <br/> <span>⚡</span> <br/> <q><i>就像是专为网络扩展设计的Nuxt</i></q> </p> <p align="center"> <a href="https://wxt.dev/guide/installation.html" target="_blank">开始使用</a> &bull; <a href="https://wxt.dev/api/config.html" target="_blank">配置</a> &bull; <a href="https://wxt.dev/examples.html" target="_blank">示例</a> &bull; <a href="https://github.com/wxt-dev/wxt/blob/main/packages/wxt/CHANGELOG.md" target="_blank">更新日志</a> &bull; <a href="https://discord.gg/ZFsZqGery9" target="_blank">Discord</a> </p>

演示

https://github.com/wxt-dev/wxt/assets/10101283/4d678939-1bdb-495c-9c36-3aa281d84c94

快速开始

引导新项目：

pnpm dlx wxt@latest init <项目名称>

或查看安装指南开始使用WXT。

特性

• 🌐 支持所有浏览器
• ✅ 支持MV2和MV3
• ⚡ 开发模式支持HMR和快速重载
• 📂 基于文件的入口点
• 🚔 TypeScript支持
• 🦾 自动导入
• 🤖 自动化发布
• 🎨 前端框架无关：适用于Vue、React、Svelte等
• 📦 使用WXT模块的模块化架构
• 🖍️ 快速引导新项目
• 📏 包分析
• ⬇️ 下载并打包远程URL导入

贡献者

<a href="https://github.com/wxt-dev/wxt/graphs/contributors"> <img src="https://contrib.rocks/image?repo=wxt-dev/wxt" /> </a>