新建空文件夹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模板下使用