"scripts":{"dev":"vite","electron":"wait-on tcp:3000 && cross-env IS_DEV=true electron .","electron:pack":"electron-builder --dir","electron:dev":"concurrently -k \"cross-env BROWSER=none yarn dev\" \"yarn electron\"","app:build":"yarn build:for:electron && yarn electron:builde...
搭建上述软件时遇到以下问题: electron与vite同时启动时第一次会抛错找不到页面,解决方式:先运行vite之后再执行electron dev环境下electron无法监听到vite项目文件热重载,解决方式:1.热重载构建vite项目,2.使用electron-reload监听文件变化 子进程无法调用主进程api,解决方式:1.electron/remote(没研究出来),2.ipcMain和...
"start": "electron-vite preview", "dev": "electron-vite dev", "build": "electron-vite build", "postinstall": "electron-builder install-app-deps", "build:win": "npm run build && electron-builder --win --config", "build:mac": "npm run build && electron-builder --mac --config",...
我们进入目录,使用命令,npm run dev, 就可以看到 Vite 模板工程的首页了。 接下来,我们将把Electron 添加到此工程中,让一个Web 工程,转变为桌面应用程序。 将Electron 添加到我们的Vite 项目中 Electron 官方的快速 入门指南,跟本文近似。但是根据 Vite+ Vue 做了一些适应性的修改 。 第一步,我们要在项目中,...
Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 思路 先说结论,重点还是在于mainWindow.loadURL()。 打包后还是加载http://localhost:3000是无法运行的,因此,此处需要先用vite打包好,然后使用electron-builder加载vite打包后的文件进行打包。 为了代码能够根据不同环境在运行时加载http://localhost:3000,在...
【win&mac】30分钟学会Vite创建和打包Electron+Vue3,前端跨平台桌面应用零基础入门教程【2024新版ESM规范】共计6条视频,包括:1.基于 Vite 创建 Vue3 项目、2.安装和配置 Electron、3.兼容 mac等,UP主更多精彩视频,请关注UP账号。
electronelementElement-UIvue 1.使用vite 构建 electron项目 创建一个vite 项目 Bash npm init vite@latest 安装electron Bash npm i npm run dev npm install electron -D npm install vite-plugin-electron -D 根目录新建 electron / index.ts 修改vite.config.ts 配置文件 ...
Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 创建一个Vite项目 1. 安装 vite yarn create vite 2. 创建项目 创建命令如下: yarn create vite <your-vue-app-name> --template vue 此处创建一个项目,名为kuari。 yarn create vite kuari --template vue ...
使用Electron可以让我们前端开发者快速搭建出桌面应用程序,我们所熟知的VS code就是使用Electron开发的。由于Electron更新迭代非常快,加上Vue3已经发布很长一段时间了,所以我们很有必要将我们的项目升级一下,所以这里就利用electron+Vue3搭建一个万精油的项目框架!
Electron、Vite和Vue3的结合,为我们提供了一个强大而灵活的解决方案,能够快速开发出美观、功能丰富的跨平台桌面应用。 一、Electron简介 Electron是一个使用Web技术(HTML, CSS, 和JavaScript)来创建跨平台桌面应用程序的框架。它结合了Chromium和Node.js,让开发者能够使用前端技术来编写应用界面,并通过Node.js访问底层...