通过Electron技术 + python 构建桌面应用实际上非常麻烦,需要使用python构成后端并打包,然后使用Vue作为前端,还要用Electron打包。 但是好处就是可以同时得到来自前端UI框架的高颜值支持以及python海量轮子的快速实现(以及较为完善的多端部署功能),项目可以快速扩展成全平台应用。 所以我在这个博客里记录了Python + Vue Elect...
如果没有安装,可以从 [Python 官网]( 下载并安装。确保在安装时勾选了添加 Python 到环境变量。 3. 创建 Electron Vue 项目 使用Vue CLI 创建一个新的项目,依赖于以下命令,请安装 Vue CLI: npminstall-g@vue/cli# 全局安装 Vue CLI 1. 然后创建新的 Electron Vue 项目: vue create my-electron-app# 创...
Node.js:用于运行 Vue 和 Electron Python:用于后端逻辑和API提供 pip:Python 的包管理工具 环境准备 以下是环境搭建的时间规划: 2023-10-012023-10-012023-10-012023-10-012023-10-022023-10-022023-10-022023-10-022023-10-03Node.jsPythonVueElectron安装依赖环境搭建时间规划 确保安装以下组件以支持本项目的构建。
在这里,我们使用 Vue脚手架 vue-cli 来搭建我们的桌面客户端。 首先安装vue-cli: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 npm install @vue/cli-g 然后使用 vue-cli 创建项目 代码语言:javascript 代码运行次数:0 运行 AI代码解释 vue create mrdoc-desktop 根据实际情况,选择需要的配置。 在上述过...
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 ...
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 第二步:安装...
在vue.config.js文件中对electronBuilder进行配置: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 module.exports={pluginOptions:{electronBuilder:{nodeIntegration:true,builderOptions:{// 设置打包之后的应用名称productName:'MrDoc桌面客户端',win:{icon:'resources/icon/logo.ico',// 图标路径 windows系统...
编程路上的菜鸡,个人兴趣项目, 勿喷 服务端:py tornado,后来了解到sanic性能更好。有想法使用sanic重构 redis mongo mysql,pc端 vue eletron,后台 : antd-vue(本来想用element的,顺手,最后用了antd练手,结果整到吐血) 移动端:uniapp 不会录视频,原本
首先安装electron-vue 然后安装此插件执行如下操作 npm i -S electron-vue-windows 在renderer/main.js里初始化加入以下代码(注意本插件依赖于vue和vue-router需要在vue和vue-router初始化完毕再加载) import Vue from 'vue' import router from './router' // 此处router文件为你的路由配置文件 import Win from...