通过Electron技术 + python 构建桌面应用实际上非常麻烦,需要使用python构成后端并打包,然后使用Vue作为前端,还要用Electron打包。 但是好处就是可以同时得到来自前端UI框架的高颜值支持以及python海量轮子的快速实现(以及较为完善的多端部署功能),项目可以快速扩展成全平台应用。 所以我在这个博客里记录了Python
如果没有安装,可以从 [Python 官网]( 下载并安装。确保在安装时勾选了添加 Python 到环境变量。 3. 创建 Electron Vue 项目 使用Vue CLI 创建一个新的项目,依赖于以下命令,请安装 Vue CLI: npminstall-g@vue/cli# 全局安装 Vue CLI 1. 然后创建新的 Electron Vue 项目: vue create my-electron-app# 创...
如果你是第一次在你电脑时使用 electron-builder 来打包,你很大可能会卡在下面的几个地方(如有不同,请视情况酌情处理,但是处理的方式都是一样的) 如果你的打包卡在了图中这样,一直在 downloading,那么你可以点击图中的链接,去浏览器下载对应的几个包。 包的版本请根据你的项目需要下载,不知道你的项目需要那个...
在这里,我们使用 Vue脚手架 vue-cli 来搭建我们的桌面客户端。 首先安装vue-cli: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 npm install @vue/cli-g 然后使用 vue-cli 创建项目 代码语言:javascript 代码运行次数:0 运行 AI代码解释 vue create mrdoc-desktop 根据实际情况,选择需要的配置。 在上述过...
nodejs调用python:这里我们在按钮中去调用了python程序。 需要注意的是,所有程序运行的主目录都是当前工程的根目录。 代码语言:javascript 代码运行次数:0 AI代码解释 <template>Welcome to EfonMark!<el-input id="input01"type="textarea":autosize="{ minRows: 10, maxRows: 40}"placeholder="请选择文件"v...
Python + Vue + Pywebview + Pyinstaller 或许是更好的选择,原生web项目不需要过多的调整,即可打包成桌面应用程序, 这里以Fastapi+Vue来一步步创建项目。 创建前端 # 创建前端项目 npm create vite@latest ... # 进入目录 cd front # 启动项目 npm run dev # 修改 vite.config.js 指定打包输出目录到上一级...
使用Python实现功能之后,然后通过 nuitka 将Python 文件打包成一个可执行文件,通过 ElectronEgg 进行调用。 前端ElectronEgg 前端GUI页面主要使用 Electron + Vue3 实现,前端和后端的通信主要使用 Node 中的child_process 实现, 前端页面的通信使用 IPC 实现。 主要使用技术有: nodejs electron vue vue-router pinia ...
【完结14章】Vue3.5+Electron+大模型 跨平台AI桌面聊天应用实战 AI桌面应用的新时代 在当今技术快速发展的时代,前端技术与人工智能的结合正在创造全新的应用范式。Vue3.5作为前端框架的最新稳定版本,Electron作为跨平台桌面应用开发的利器,加上大模型提供的强大AI能力,这三者的结合为开发者提供了构建智能桌面应用的完美工...
electron-vue项目使用串口工具serialport 第一步:配置环境 1.安装Python2.7 配置环境变量(官网下载)看网上说明必须是2.7版本,3不支持 2.安装 npm install --global --production windows-build-tools 3.安装node-gyp npm install -g node-gyp 第二步:安装...
vue2:基于Vue 2开发,进入维护模式,不在开发新功能,鉴于Vue 2已经终止支持且不再维护,建议客户升级到Vue 3版本 环境依赖 mac系统 最新版本的Xcode nodejs v18.19.0 npm v10.2.3 python 2.7.X git npm install -g node-gyp@8.3.0 windows系统 nodejs v18.19.0 ...