1.基于 Vite 创建 Vue3 项目 03:29 2.安装和配置 Electron 05:35 3.兼容 mac 02:42 4.win 应用打包 04:38 5.mac 应用打包 04:03 6.基于 Vite【模板】创建和打包 Electron 03:51 小白也能听懂的人工智能课,入学不亏! 零基础学AI 【2024新版】1小时学会ESM规范Electron,前端跨平台桌面应用...
方案一:打包成一个文件 step1:安装vite-plugin-singlefile npm i vite-plugin-singlefile step2:配置@vite-plugin-singlefile相关内容,在vite.config.ts(js)中修改 import{ defineConfig }from'vite';importvuefrom'@vitejs/plugin-vue';importAutoImportfrom'unplugin-auto-import/vite';importComponentsfrom'unplugin...
方案一:打包成一个文件 step1:安装vite-plugin-singlefile npm i vite-plugin-singlefile 1. step2:配置@vite-plugin-singlefile相关内容,在vite.config.ts(js)中修改 import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import AutoImport from 'unplugin-auto-import/vite'; impo...
Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 思路 先说结论,重点还是在于mainWindow.loadURL()。 打包后还是加载http://localhost:3000是无法运行的,因此,此处需要先用vite打包好,然后使用electron-builder加载vite打包后的文件进行打包。 为了代码能够根据不同环境在运行时加载http://localhost:3000,在...
方案一:打包成一个文件 step1:安装 vite-plugin-singlefile npm i vite-plugin-singlefile step2: 配置@vite-plugin-singlefile相关内容,在vite.config.ts(js)中修改 import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import AutoImport from 'unplugin-auto-import/vite'; impo...
浏览器里可以看到页面。vite+vue就搭建好了 2、electron安装 安装electron 这里使用镜像 根目录添加一个 .npmrc文件 加上electron_mirror=http://cdn.npm.taobao.org/dist/electron/ npm install electron --save-dev npm install electron-builder --save-dev electron 打包 ...
Vite + Vue3 + Electron 打包后静态资源路径错误 图片src 如果是动态拼接的话,路径指向会出现问题 import{ ref }from"vue";constfilename =ref("vite.svg");<template></template> 第一个路径不正确:file:///G:/vite.svg 第二个路径为:file:///G:/vite-electron/release/win-unpacked/resources/app.asa...
报错 解决方案:配置错误,需要包含所加载的js文件 更改配置 package.json文件中build下files配置,更改为如下: "files": [ "controller", "preload", "dist/**/*", "electron/**/*" ],
所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 我前段时间做了一个, 但是发现了一些与Vite有关的问题, 比如:Vite会把开发环境的process对象吃掉的问题 这对于web项目来说问题不大,但对于我们的Electron项目来说,就影响很大了 今天我就把这个思路和实现方式的关键代码发出来供大家参考, ...
Electron 25.2.0 Vite 4.3.9 Vue 3.2.47 Yarn 1.22.18 开发步骤 1、执行如下命令创建一个新的Vite项目: $ yarn create vite 输入项目名称:electron-client,选择框架:Vue,之后选择使用JavaScript。 2、进入项目根目录: $cdelectron-client 3、安装项目依赖: ...