pywebview+vue

### 如何将 PyWebView 与 Vue.js 集成

为了实现 PyWebView 和 Vue.js 的集成，可以遵循以下方法：

#### 创建 Vue 应用程序
首先创建一个新的 Vue.js 项目。这可以通过 Vue CLI 来完成。

npm install -g @vue/cli
vue create my-vue-app
cd my-vue-app

此命令设置了一个新的 Vue.js 项目环境[^2]。

#### 设置 PyWebView 环境
安装 Python 并通过 pip 安装 `pywebview` 包来准备 PyWebView 开发环境。

pip install pywebview

编写一个简单的 Python 脚本来启动 WebView，并加载本地开发服务器上的 Vue 应用程序。

import webview

if __name__ == '__main__':
    window = webview.create_window('My App', 'http://localhost:8080')
    webview.start()

这段代码将会打开一个窗口并尝试连接到运行中的 Vue 开发服务器[^1]。

#### 启动 Vue 开发服务器
回到 Vue.js 项目的根目录下执行如下命令以启动开发服务器。

npm run serve

此时，在浏览器中访问 http://localhost:8080 就能看到正在工作的 Vue 应用程序；而之前编写的 Python 脚本也会自动显示同样的页面在一个独立的应用窗口内。

#### 打包应用程序用于生产部署
当准备好发布应用时，先打包前端资源再调整 Python 加载 URL 到静态文件路径而不是开发服务器地址。

对于 Vue.js:

npm run build

更新 Python 中的加载链接指向生成好的 dist 文件夹下的 index.html 文件位置即可。