dev先启动本地服务器,再启动electron加载服务页面,开发时使用 {"name":"electron-app","version":"1.0.0","description":"An Electron application with Vue","main":"./out/main/index.js","author":"example.com","homepage":"https://www.electronjs.org","scripts":{"format":"prettier --write ....
import{ defineConfig }from'vite';importvuefrom'@vitejs/plugin-vue';exportdefaultdefineConfig({plugins: [vue()],build: {outDir:'dist', }, }); 3. 配置 Electron 在项目根目录下创建main.js文件,这是 Electron 的主进程文件: const{ app,BrowserWindow} =require('electron');constpath =require('p...
使用了最新前端技术electron13+vite2.3+vue3搭建开发。支持多窗口、动态壁纸、程序坞DOCK菜单、可拖拽等功能。 一、实现技术 编辑器:Vscode 框架技术:Vite2.3.4+Vue3.0.11+Vuex4+VueRouter@4 跨端框架:Electron13.0.1 打包工具:vue-cli-plugin-electron-builder UI组件库:Element-Plus^1.0.2 (饿了么vue3组件库)...
一、安装element-plus以及图标库依赖 npm install element-plus --save npm install @element-plus/icons-vue npm i -D unplugin-icons 二、vite按需引入插件 npm install -D unplugin-vue-components unplugin-auto-import unplugin-vue-components是一个用于Vue.js的插件,它允许你导入Vue组件,而不需要在你的代...
先创建vue项目 npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron 目录结构 ...
项目使用electron-vite脚手架搭建 ps:还有一个框架是electron-vite,这个框架我发现与pixi库有冲突,无法使用,如果不用pixi也可以用这个脚手架。 node 版本建议18+ --- 运行live2D相关依赖 1.pixi.js npm install pixi.js@6.5.10 // pixi 后面可能运行会报错,提示需要安装unsafe-eval // 需要注意pixi...
electron+vue3窗口多开|electron多窗口 /** * 创建新窗口 *@param{object} args 窗口配置参数 {url: '/chat', width: 850, height: 600, ...} */exportfunctionwinCreate(args) {window.electron.send('win-create', args) } 通过给主进程发送一个创建窗口指令,可快速新打开一个独立窗体。
vite5-electronAdmin:原创 Electron31+Vite5+element-plus 实战桌面端后台管理系统。 运用技术 框架技术:vite^5.3.4+vue^3.4.31+vue-router^4.4.0 跨端框架:electron^31.3.0 UI 组件库:element-plus^2.7.8 状态管理:pinia^2.2.0 多语言方案:vue-i18n@9 图表组件:echarts^5.5.1 markdown 编辑器:md-editor...
作者:周文武,Electron+Vue3+Vite搭建一个桌面应用:现实问题得益于Vite卓越的前端开发体验,越来越多的Electron项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于Vite搭建的Electron开发模板,但都存在着一些共同的问题:配置相
npm init vue # 安装依赖 npm install # 一定要安装成开发依赖 npm install electron electron-builder -D # 安装超时 请使用某宝镜像 或者XX上网 npm config set electron_mirror=https://registry.npmmirror.com/-/binary/electron/ 1. 2. 3. 4. ...