"@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下 各个库的版本发文时应该是最新的了,不过如果有更新的版本,你...
1)vue中的值:跟随ts更改变化,要放到一个对象中存储 2)自动升级:下次补充
vue vite 项目,直接使用 vite 启动,主页正常,但是用 "electron:serve": "vite build && electron .", 主页就是一片空白。 解决 解决也很简单,路径的问题。 修改vite.config.js, 增加 base: './',. 大概如下: import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https:/...
Elecrton在vite + vue3中的奇葩问题 记录一下学习过程中遇到的奇葩问题. 首先需要明确几点东西 1. 在开发环境下通过electron .脚本启动的应用只是一个空壳, 你需要调用BrowserWindow构建的窗口对象去加载本地已经启动的项目, 如下所示 1mainWindow.loadURL('http://localhost:3001'); 2. 如果你想在src目录下创建...
"scripts":{"dev":"vite","build":"vite build","preview":"vite preview","start":"cd electron && npm run start"}, 这样每次在根目录运行npm run start就可以了。 二.开发完毕,进入生产环节 1.打包vue:运行npm run build; 把dist文件夹的所有文件复制到electron文件夹下,index.html文件也替换掉。
无法举一反三,自主选择前端框架(Vue、React 和 Svelte 等) 无法保护源代码 electron-vite旨在解决这些问题,为 Electron 提供更快、更精简的开发体验。 这个脚手架虽然说的很厉害,但是还是有一些不足,比如对vue项目初始化时的配置不如官方的精细。还需要自己手动配置自己喜爱的开发方式。但是瑕不掩瑜,它依然是目前我...
3. 安装electron npm install --save-dev electron npm install --save-dev electron@20.0.0 指定版本 注意:在electron21+后调用C++动态库会出现Error: Error in native callback错误,原因:Electron 21 及更高版本将启用 V8 内存隔离区,这将对一些原生模块产生影响。 解决方案:降低electron版本,目前论坛大部分使用...
最近开发了一个项目,头一回使用electron,很多写代码的习惯都还是原来的。有个功能是切换菜单,UI是要按钮变色,本来想用icon应付一下,但是又不想去收集icon,就用了...
Vite + Vue3 + Electron 打包后静态资源路径错误 图片src 如果是动态拼接的话,路径指向会出现问题 import { ref } from "vue"; const filename = ref("vite.svg"); <template> </template> 第一个路径不正确:file:///G:/vite.svg第二个路径为:file:///G:/vite-electron/release/win-unpacked/...
目前社区两大 Vue+Electron 的脚手架:electron-vue 和 vue-cli-plugin-electron-builder。 都有这样那样的问题,且都还不支持 Vue3,然而 Vue3 已是大势所趋,Vite 势必也将成为官方 Vue 脚手架,下图是尤雨溪在开发好 Vite 之后与 webpack 之父的对话: ...