electron+vue3

新建空文件夹electron-first，在vscode打开，终端下

npm init -y

cnpm i electron -D

cnpm 永远的神（不是来自官方文档www.electronjs.org）

-D在webpack，ESLint，Prettier或其它测试框架经常使用

新建main.js，index.html在package.json修改入口文件index.js为main.js，"scripts"中添加

"start": "electron ."

vue和electron入口文件也在main.js(ts)中,

electron 把处理分为main.js、preload.js、renderer.js。
main.js、preload.js可以通过ipcMain和ipcRender互传数据，
renderer.js可以通过contextBridge暴露的接口传数据给preload.js。
那么，我的问题是preload.js如何把数据传给renderer.js？

contextBridge.exposeInMainWorld('electronAPI', {
onUpdateCounter: (callback) => ipcRenderer.on('update-counter', callback)
})

up人鱼m情未了，小满zs

 

vue写好项目删掉不必要文件打包生成dist

npm run build

删除dist下的html里的"/"开头

 删好后把dist拖到electron模板下使用