2.下载 Electron + Vite + Vue3+TS 脚手架项目 自己新建vue+vite+electron+ts项目费时且易错,可直接下载下面的脚手架项目来使用。 GitHub - electron-vite/electron-vite-vue: 🥳 Really simple Electron + Vite + Vue boilerplate. 直接下载electron-vite-vue项目到本地,然后传到linux服务器上,打linux包必须...
GitHub - electron-vite/electron-vite-vue: 🥳 Really simple Electron + Vite + Vue boilerplate. 直接下载electron-vite-vue项目到本地,然后传到linux服务器上,打linux包必须在linux服务器上进行。 当然linux要下载安装vscode。(从应用商城中下载) 3.在linux下打包 在linux下安装了vscode,把我们...
vite项目配置electron 打包,基于打包完成的dist文件 1、安装electron插件 1 yarn add --dev electronyarn add -D electron-builder 2、修改vite.config.js/vite.config.ts base 指向dist 1 base:'./' 3、增加electron的配置文件 electron\electron.js
2.下载 Electron + Vite + Vue3+TS 脚手架项目 在linux下打包安装 sudo apt-get install rpmsudo apt-get install fakerootnpm run make 参考Electron详解(二):基本使用与项目打包_electron 打包-CSDN博客 linux 下打包Linux下打包electron项目_51CTO博客_electron 打包命令...
Electron + Vue3.4 + Vite 整合框架 最近研究了下Electron,可以用前端技术构建桌面应用程序的框架,内部嵌入Chromium和Node.js,支持创建 Windows、macOS、Linux 等跨平台应用 优点之一是兼容性,可以理解它内置一个最新版Chrome浏览器来运行前端页面,无需考虑不同平台桌面端应用的兼容性...
笔者最近在学习Electron并且在用它工作,遇到了一些问题积累了一些浅薄的经验,在这里做一下记录,并且准备做一个桌面端的工具,打包运行到windows、 macOS和Linux上 创建项目 使用vue3和vite创建vue的项目然后引入electron 先创建vue项目 npm create vite@latest electron-desktop-tool ...
拉取模板项目https://github.com/alex8088/electron-vite-boilerplate 执行项目初始化并运行 npm install npm run dev 效果如下 多窗口管理 在main目录下新建windows.ts文件,并实现窗口创建及管理的单例类 import { shell, BrowserWindow, ipcMain } from 'electron' ...
我编写的小工具使用electron-vite创建,基于vue3+elemnet-plus,ts语言。 我这台龙芯设备指令集是loong64。 移植的步骤如下: 去龙芯社区官网下载龙芯的node,我使用的是v20;然后安装,将node程序加入PATH路径中。 将要移植的程序拷贝至龙芯设备中,并进入程序目录,确保node_modules目录、package-lock.json已删除。 修改...
已有的一个正常的Vue项目(Vue3 + Vite + Ts) Node版本14.18.2 注意:Electron不能跨架构跨平台打包,windows下只能打包windows包,如需要打包,MacOS、Linux等需要去对应平台 建议先设置国内镜像 npm config edit 执行后会弹出npm的配置文档,将以下类容复制到文件末尾(格式跟文档中保持一致) ...
Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 思路 先说结论,重点还是在于mainWindow.loadURL()。 打包后还是加载http://localhost:3000是无法运行的,因此,此处需要先用vite打包好,然后使用electron-builder加载vite打包后的文件进行打包。 为了代码能够根据不同环境在运行时加载http://localhost:3000,在...