(3) 在electron/index.js下配置窗口基本信息 注意:静态页面index.html,因为index页面是我们加载main.js,配置全局引用的地方,所以在打包的时候需要把index.html进行保留,这个会在打包时候标注 5. 配置路由 安装引入依赖 npm install vue-router (1) 将app.vue内容删除,补充router-view (2) 注意:<template><router...
"electron:serve":"electron .","electron:builder":"electron-builder","build:for:electron":"cross-env ELECTRON=true vite build","app:pack":"yarn build:for:electron && electron-builder --dir","app:build":"yarn build:for:electron && yarn electron:builder"}, 添加main节点 {"main":"electron/...
electron_mirror=https://registry.npmmirror.com/-/binary/electron/:这个配置项指定了 Electron 包的镜像源,用于下载 Electron 框架相关的二进制文件 安装electron相关插件 接下来就可以进行安装electron和它相关的插件了 // 进入到项目中安装 electron npm install -D electron 安装electron-builder用于打包可安装exe程...
"@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下 各个库的版本发文时应该是最新的了,不过如果有更新的版本,你...
当使用 electron 加 vue3 进行开发时,如果不进行开发配置,需要在启动 vue 项目时,另开一个终端,单独启动 electron,同时在更改主进程代码时,窗口不会自动刷新,需要终结掉之前的 electron 启动进程,重新启动才能获取到最新的主进程更改。 为了方便开发,可以安装vite-plugin-electron和vite-plugin-electron-renderer这两个...
参考:Vite + Vue 3 + electron + TypeScript - DEV Community 第1步,建立一个新的vite项目 yarn create vite 第2步,安装项目依赖 yarnadd-Dconcurrently cross-env electron electron-builder wait-on 第3部,修改package.json文件 添加build节点,更多的信息可以参阅electron.build ...
先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个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","elec...
作者:周文武,Electron+Vue3+Vite搭建一个桌面应用:现实问题得益于Vite卓越的前端开发体验,越来越多的Electron项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于Vite搭建的Electron开发模板,但都存在着一些共同的问题:配置相
1.安装vite,创建vue3项目 npm init vite npm install npm run dev 2.vue项目中下载electron npm install electron -D 如果失败用下面的 npm install -g cnpm --registry=https://registry.npmmirror.com cnpm install --save-dev electron 3.在main.js中加入代码 ...