为了方便开发,可以安装vite-plugin-electron和vite-plugin-electron-renderer这两个插件: npm i vite-plugin-electron vite-plugin-electron-renderer -D vite-plugin-electron:这个插件可以在启动 vue 项目时,自动启动 electron 项目。该插件会在项目根目录下自动创建一个名为dist-electron/index.js的文件,这个文件就是...
// 导入需要使用的类型和库 import type { Plugin } from 'vite' import type { AddressInfo } from 'net' import { spawn } from 'child_process' import fs from 'fs' // 导出Vite插件函数 export const viteElectronDev = (): Plugin => { return { name: 'vite-electron-dev', // 在configure...
enableEsbuild:true};this.server=vite.createServer(options);this.server.on("error",(e)=>this.serverOnErr(e));this.server.on("data",(e)=>console.log(e.toString()));this.server.listen(this.serverPort,()=>{console.log(`http://localhost:${this.serverPort}`);resolve...
我们希望npm run dev的时候直接把electron也启动起来而不是开两个启动一次vite再启动一次electron 第一步我们需要先建立一个文件夹 在根目录创建一个plugins编写vite插件帮我们启动electron plugins vite.electron.dev.ts //编写electron开发模式 vite.electron.build.ts //打包electron项目 index.html src main.ts App...
2. 创建一个vite项目 在windows包里调出cmd后执行 npm create vite 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 内存隔离区,这将...
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中加入代码 ...
先用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...
根据vite2.x electron12桌面上端后台管理智能管理系统Vite2ElectronVAdmin。 继上一次共享vite2融合electron构建后台框架,此次产生的是全新开发设计的跨桌面上中后台管理管理权限智能管理系统。应用全新的前端技术栈,内嵌i18n现代化解决方法,动态性管理权限路由器,管理权限认证,融合了典型性的报表/表格等业务流程控制模块作...
简介:基于Vite+Vue3+Electron整了一个桌面应用模板 前言: 随着前端的更新迭代,基于js/ts开发的桌面应用框架也越来越多,从heX,electron,nwjs到tauri,Qt,以及Rn和flutter也有桌面应用业务。 而今天的主角正是electron,作为一款2013年推出的桌面应用开发框架,其运行于Chromium内核以及node平台,使得开发者可以使用html+css...
根据vite2.x electron12桌面上端后台管理智能管理系统Vite2ElectronVAdmin。 继上一次共享vite2融合electron构建后台框架,此次产生的是全新开发设计的跨桌面上中后台管理管理权限智能管理系统。应用全新的前端技术栈,内嵌i18n现代化解决方法,动态性管理权限路由器,管理权限认证,融合了典型性的报表/表格等业务流程控制模块作...