# qbtui

**Repository Path**: blane/qbtui

## Basic Information

- **Project Name**: qbtui
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: LGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-03-19
- **Last Updated**: 2024-05-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# QbtUI

The sleekest looking WebUI for qBittorrent made with Vue.js!
使用Vue3 开发的一个Qbittorrent WebUI界面, 参考了Motrix的界面。

![qbtui](readme_assets/favicon.ico)

![Vue](https://img.shields.io/badge/Vue-%5E3.4.20-brightgreen)  ![qBittorrent](https://img.shields.io/badge/qBittorrent-4.4%2B-brightgreen)

![stars](https://img.shields.io/github/stars/blanexie/qbtui) ![Forks](https://img.shields.io/github/forks/blanexie/qbtui)
![Issues](https://img.shields.io/github/issues/blanexie/qbtui) ![Closed](https://img.shields.io/github/issues-closed/blanexie/qbtui)
[![Contributor Covenant](https://img.shields.io/badge/Contributor_Covenant-2.1-4baaaa.svg)](.github/CODE_OF_CONDUCT.md)

## Screenshots 页面截图

- Login 登录页面
  ![Login](readme_assets/login.png)
- Home 首页
  ![Home](readme_assets/home.png)
- TorrentDetail 详情
  ![TorrentProperties](readme_assets/img.png)
  ![TorrentProperties](readme_assets/img_1.png)
  ![TorrentProperties](readme_assets/img_2.png)
  ![TorrentProperties](readme_assets/img_3.png)
- AddTorrent 添加弹窗页
  ![AddManageUrl](readme_assets/img_6.png)]
  ![AddTorrent](readme_assets/img_5.png)]
- Settings 设置页
  ![Settings](readme_assets/img_4.png)]

## Install 安装

1. 先下载本项目的最新版本Release包dist.zip
2. 解压后放在qBittorrent的电脑所有的目录下， 我是放在linux的 `/dist` 目录中
3. 打开Qbittorrent的设置页面，找到备用WebUI设置选项， 填入`/dist`后点击保存， 刷新即可
   ![Settings](readme_assets/img_7.png)

## Project Setup  项目编译

```sh
npm install
```

### Compile and Hot-Reload for Development

```sh
npm run dev
```

### Build Only

由于不太熟悉TypeScript, 所以打包的时候不做类型检查了。

```sh
npm run build-only  
```

### Lint with [ESLint](https://eslint.org/)

```sh
npm run lint
```


## 使用到的npm包
* Node.js NPM
* Vue3
* Element-Plus
* Axios
* Vue-Router（虽然加入了但是没有用到）
* Pinia
* qs

有问题欢迎提Issue