npm install -Dvite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.ts文件 用来写主进程代码 // src-electron/main.js const { app, BrowserWindow } = require('electron') const { join } = ...
【win&mac】30分钟学会Vite创建和打包Electron+Vue3,前端跨平台桌面应用零基础入门教程【2024新版ESM规范】共计6条视频,包括:1.基于 Vite 创建 Vue3 项目、2.安装和配置 Electron、3.兼容 mac等,UP主更多精彩视频,请关注UP账号。
该插件用于配置electron打包编译的文件入口 yarn add vite-plugin-electron -D 6.开发注意事项 1). ctrl+shift+i 切换开发者控制台 2). electron框架API代码electron\renderers下添加 3). vue页面调用Electron框架的API方法在src\utils\ipcMainApi.js统一管理 7.开发文档 开发参考我们封装框架的桌面快速开发框架文档...
vue3作为国内主流开发框架,而vite又是vue团队推荐打包工具,在大多数的项目中都是部署在服务器上,通过http://协议访问ip、域名,但是在一些混合式开发如android或者electron中需要提供的html页面,然后使用file://协议访问。在这样的背景下就需要我们使用vite打包vue3项目支持file://协议访问。通过查找相关资料实现逻辑主要...
到这里一个简单的vite3+vue3项目就初始化好了。 安装Electron及相关依赖包 基础vue3项目创建好后,需要在项目中安装一些electron依赖的包。如果在安装过程中卡住或失败,建议切换淘宝镜像,使用cnpm安装。 # 安装electron yarn add-D electron # 安装electron-builder 用于打包可安装exe程序和绿色版免安装exe程序 ...
git clone https://gitee.com/mywink/vite-electron.git yarn yarn build yarn dev 1. 2. 3. 4. 5. 从github 上下载这个项目, 运行, 就得到了 electron 桌面版的项目, 采用 vue3 来写的项目, 并且可以打包成 exe 就它了! 作者:panie...
exist. Seems like a wrong configuration. failedTask=build stackTrace=Error: Application entry file "electron\main.js" in the "D:\vs2024proj\electron_vite_ts_demo_sunny\electron-vite-demo-sunny\dist_electron\win-ia32-unpacked\resources\app.asar" does not exist. Seems like a wrong configuration...
electron-builder: electron打包库 yarn add -D cross-env electron-builder 更新后的scripts如下: { "dev": "vite", "build": "vite build", "serve": "vite preview", "electron": "wait-on tcp:3000 && cross-env NODE_ENV=development electron .", // 此处需要设置环境变量以保证开发时加载url "...
vite5-electronAdmin:原创Electron31+Vite5+element-plus实战桌面端后台管理系统。 运用技术 框架技术:vite^5.3.4+vue^3.4.31+vue-router^4.4.0跨端框架:electron^31.3.0UI组件库:element-plus^2.7.8状态管理:p...