# PywebviewVue

**Repository Path**: lqh4188/pywebview-vue

## Basic Information

- **Project Name**: PywebviewVue
- **Description**: Python客户端集成Vue示例，通过pywebview实现Pthon与vue的集成
- **Primary Language**: Python
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 2
- **Created**: 2025-03-23
- **Last Updated**: 2025-08-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Author: luqinghua
 * @Date: 2025-03-23 17:56:05
 * @LastEditors: luqinghua
 * @LastEditTime: 2025-04-11 22:05:15
 * @FilePath: \pywebview-vue\README.md
 * @Description: 
-->


# Pywebview+vue
> 使用pywebview实现python与vue3的集成应用

## 目录说明
```
├── dist #python构建后的可执行程序目录 
├── python #后台python文件
├── web #前端vue文件
├── webdist #前端构建后的文件目录
├── README.md #项目说明
└── main.py Python主入口文件
```

## 一、前端项目
#### 依赖安装
```shell
pnpm i
```

#### 1 运行
```shell
pnpm dev
```
#### 构建
```shell
pnpm build
```

## 二、PyWebView环境
#### 获取python安装包(选择对应版本及系统)
- 下载地址： https://www.python.org/downloads/
- 查看本地版本号：`python -V`

#### 安装依赖
```
pip install  pywebview
```
#### 运行应用
```
#使用pnpm支持
#pnpm dev:py
#使用python命令运行
python main.py
```

## 三、调试与生成可执行文件
#### 1 本地调试
- 启动前端项目：`pnpm dev`
- 启动pywebview：`pnpm dev:py` 或者直接使用python命令 `python main.py`

#### 2 打包应用
- 首页进行前端项目打包：`pnpm build`
- 构建python可执行文件：`pnpm build:py`，或直接使用pyinstaller命令生成
```
#pnpm build:py
# 本地集成合体包
pyinstaller --onefile --windowed --add-data "webdist;dist" --icon "webdist/favicon.ico"  main.py
```
`参数说明:`
- --add-data "webdist;dist":将前端静态资源添加到程序目录
- --icon "webdist/favicon.ico"：添加自定义图标
- 其他参数参考pyinstaller参数说明


## 扩展：Python环境搭建

#### 环境与IDE
- 1. 下载安装包
Window 平台安装：https://www.python.org/downloads/windows/
- 2. 集成开发环境，非必须（IDE：Integrated Development Environment）: PyCharm）可下载社区免费版
https://www.jetbrains.com/pycharm/download/?section=windows

#### VSCode Python格式化插件
- Black Formatter

## 程序运行界面
![alt text](./web/public/image.png)