"scripts": {"dev":"vite","serve":"electron .","start":"concurrently \"yarn dev\" \"electron-forge start\""} 因为打包会用到Electron Forge,新增了electron-forge start命令启动 Electron,所以这里就改了 现在执行yarn start会同时启动 Vue 和 Electron 窗口显示如下 预加载脚本也执行了写入各版本号 打...
【win&mac】30分钟学会Vite创建和打包Electron+Vue3,前端跨平台桌面应用零基础入门教程【2024新版ESM规范】共计6条视频,包括:1.基于 Vite 创建 Vue3 项目、2.安装和配置 Electron、3.兼容 mac等,UP主更多精彩视频,请关注UP账号。
npm install -Dvite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.ts文件 用来写主进程代码 // src-electron/main.js const { app, BrowserWindow } = require('electron') const { join } = ...
是在https://github.com/electron-vite/electron-vite-vue库的参考下完成的,将此库的文件复制到原本存在的项目中完成打包。 步骤如下: 将electron-vite-vue拷贝到本地 将electron-vite-vue项目中的electron文件夹、electron-builder.json5拷贝到已存在项目根目录下 修改已存在项目的package.json在devDependencies下面添...
【分享】Vite+Vue3+Electron打包桌面应用_哔哩哔哩_bilibili ⨯ 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. failedTask=...
Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 思路 先说结论,重点还是在于mainWindow.loadURL()。 打包后还是加载http://localhost:3000是无法运行的,因此,此处需要先用vite打包好,然后使用electron-builder加载vite打包后的文件进行打包。 为了代码能够根据不同环境在运行时加载http://localhost:3000,在...
先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个Electron相关的依赖,最终我的工程下的依赖情况如下: 代码语言:javascript 复制 "@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":"...
3.需要你 npm run build 先打包一遍生成 dist 4.在 dist 1.在项目里面 会有index.html 所以不用自己生成 2.pageage.json (也别自己建 看下文) 3.只需要建main.js 文件配置 1. npm install electron electron -v 检查下版本 是否下载成功 先下载这一步 这样就会自动帮你生成 package.json 然后你再去jso...
axios官网 一、安装依赖 npm install axios 二、封装通用请求工具 src/utils/request.ts import axios from 'axios' import { ElNotification , ElMessageBox, ElMessage, ElLoading } from 'element-plus' import { getToken } from '@/utils/auth' ...