安装electron-devtools-installer用于开发调试electron npm install -D electron-devtools-installer 用vite构建electron应用程序需要一个vite插件 npm install -D vite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一...
"@vue/compiler-sfc":"^3.0.0","vite":"^1.0.0-rc.9","vue":"^3.0.2","vue-router":"^4.0.0-rc.1","electron":"^11.0.2","electron-builder":"^22.9.1","electron-updater":"^4.3.5", 注意:这些依赖全部安装在devDependencies下 各个库的版本发文时应该是最新的了,不过如果有更新的版本,你...
// 导入需要使用的类型和库 import type { Plugin } from 'vite' import type { AddressInfo } from 'net' import { spawn } from 'child_process' import fs from 'fs' // 导出Vite插件函数 export const viteElectronDev = (): Plugin => { return { name: 'vite-electron-dev', // 在configure...
在main.js文件中,创建一个 Electron 应用程序并加载 Vue 3 应用程序。 安装Plotly: npminstallplotly.js 创建一个组件来显示 Plotly 图形。 在组件中编写代码以从串口接收数据并将其传递给 Plotly。 使用Vite 来启动开发服务器: npmrundev 使用electron-builder 来构建应用程序: npm runbuild 以下是项目文件结构的...
在Vue3、Vite和Electron的组合下开发桌面程序是一个相对复杂但功能强大的方案。以下是一个分步骤的指南,帮助你理解并构建这样的项目: 1. 创建Vue3+Vite项目 首先,你需要使用Vite来创建一个Vue3项目。可以通过以下命令完成: bash npm create vite@latest 在提示中输入项目名称,并选择Vue作为框架。这将生成一个基本...
一、安装依赖 npm install axios 二、封装通用请求工具 src/utils/request.ts import axios from 'axios' import { ElNotification , ElMessageBox, ElMessage, ElLoading } from 'element-plus' import { getToken } from '@/utils/auth' import errorCode from '@/utils/errorCode' ...
Electron+Vite+Vue3的组合为开发者提供了一个高效、灵活的跨平台桌面应用开发框架。结合Go语言开发的后台API框架,能够构建出功能丰富、性能卓越的完整应用生态。无论是独立开发桌面应用,还是与后端服务紧密集成,都能获得良好的开发体验和用户体验。 未来,随着前端技术和Node.js生态的不断发展,Electron框架将继续发挥其优...
根据vite2.x electron12桌面上端后台管理智能管理系统Vite2ElectronVAdmin。 继上一次共享vite2融合electron构建后台框架,此次产生的是全新开发设计的跨桌面上中后台管理管理权限智能管理系统。应用全新的前端技术栈,内嵌i18n现代化解决方法,动态性管理权限路由器,管理权限认证,融合了典型性的报表/表格等业务流程控制模块作...
三、vite.config.ts文件配置引用element-plus import { defineConfig } from 'vite' import path from 'node:path' import electron from 'vite-plugin-electron/simple' import vue from '@vitejs/plugin-vue' import AutoImport from 'unplugin-auto-import/vite'//自动导入相关api ...
electron-vite-vue使用 本文涉及版本 "vue":"^3.4.21","vue-router":"^4.0.13""electron":"^30.0.1","electron-builder":"^24.13.3","vite":"^5.1.6","vite-plugin-electron":"^0.28.6", 创建项目 npm create vite@latest my-electron-vite-project ...