# WXT

**Repository Path**: its-too-early-to-meet/wxt

## Basic Information

- **Project Name**: WXT
- **Description**: WXT浏览器插件示例，包括列表，对话等功能集成
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-17
- **Last Updated**: 2025-06-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WXT浏览器插件功能集合

#### 介绍
WXT浏览器插件示例，包括列表，对话等功能集成

![image-20250617120440347](https://webp.llzhang.site/2025/06/2aa09834fd389a61a173b683a4105097.png)

![image-20250617120514121](https://webp.llzhang.site/2025/06/ef5a4c982b4ba0cef8619fd9db74905b.png)

<img src="https://webp.llzhang.site/2025/06/159983282294809219a54ecbf2b651b6.png" alt="image-20250617120547990" style="display:inline" />

<img src="https://webp.llzhang.site/2025/06/a731f994b1d23e0f328b459ab858e0e6.png" alt="image-20250617120620006" style="display:inline"/>

<img src="https://webp.llzhang.site/2025/06/45deded3bbe015e65f336e5ca541defe.png" alt="image-20250617120649660" style="display:inline" />

#### 软件架构

* 浏览器插件框架

​	[wxt框架](https://wxt.dev/)

* UI框架

​	[TdesignChat对话组件](https://tdesign.tencent.com/chat/components/chat)

​	[Tdesign移动端组件](https://tdesign.tencent.com/mobile-vue/overview)


#### 安装教程

1.  插件使用教程

​	[参见博客](https://www.llzhang.site/article/45a554a18fdc082f)

2. 安装UI框架

   移动端组件

   ```shell
   npm i tdesign-mobile-vue
   ```

   对话组件

   ```shell
   npm i @tdesign-vue-next/chat
   ```

3. 启动项目

   ```shell
   npm run dev
   ```