// main字段配置为 electron主进程文件路径 "main": "./src-electron/main.js", electron 启动 运行npm run dev启动项目 可以看到弹出一个 electron窗口,这样一个最基本的electron应用就写好了 修改标题和logo 「修改标题」 electron窗口左上角的标题,首先读取的是index.html的title标签值 此时把他注释掉 如果在...
1. 初始化项目 # 创建项目文件夹mkdirvite-vue3-electron-expresscdvite-vue3-electron-express# 初始化 npm 项目npm init -y# 安装 Vite 和 Vue 3npm install vue@next npm install vite# 安装 Electronnpm install electron --save-dev# 安装 Expressnpm install express 2. 配置 Vite 在项目根目录下创建v...
"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/...
"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...
这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。 2.安装Electron相关包 初始化一个基本项目后,我们需要在项目中安装一些关于electron的包。 安装electron: npm install electron -D 如果你安装electron不成功,建议使用cnpm安装。 安装electron-builder: npm install electron -D 主要利用electron-builder...
配置electron 开发环境 当使用 electron 加 vue3 进行开发时,如果不进行开发配置,需要在启动 vue 项目时,另开一个终端,单独启动 electron,同时在更改主进程代码时,窗口不会自动刷新,需要终结掉之前的 electron 启动进程,重新启动才能获取到最新的主进程更改。
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 内存隔离区,这将对一些原生模块产生影响。 解决方案:降低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中加入代码 ...
有了Vue3 项目构建出来的 dist 目录之后, 设置Electron 就很简单了。 首先,我们在项目的根目录下,创建 main.js 文件。 并将, Elctron 官方文档中的, main.js 文件内容 copy 过来就可以了。 内容如下: const { app, BrowserWindow } = require("electron"); ...