前端时间我的一个朋友为了快速熟悉 Vue3 开发, 特意使用 electron+vue3+ts 开发了一个桌面端应用, 并在 github 上开源了, 接下来我就带大家一起了解一下这个项目, 在文章末尾我会放 github的地址, 大家如果想学习vue3 + ts + electron 开发, 可以本地 clone 学习参考一下. 技术栈 以上是我们看到的便签软...
前端时间我的一个朋友为了快速熟悉Vue3开发, 特意使用electron+vue3+ts开发了一个桌面端应用, 并在github上开源了, 接下来我就带大家一起了解一下这个项目, 在文章末尾我会放github的地址, 大家如果想学习vue3 + ts + electron开发, 可以本地clone学习参考一下. image.png 技术栈 以上是我们看到的便签软件使用...
前端时间我的一个朋友为了快速熟悉 Vue3 开发, 特意使用 electron+vue3+ts 开发了一个桌面端应用, 并在github上开源了, 接下来我就带大家一起了解一下这个项目, 在文章末尾我会放github的地址, 大家如果想学习vue3 + ts + electron 开发, 可以本地clone学习参考一下. image.png 技术栈 以上是我们看到的便签...
新建JSPatch文件 注意:autoUpdater.setFeedURL一定要写在外面,不然打包的时候会报错url: process.env.VUE_APP_HOT_UPDATE, 不能这样使用;否则打包也会报错url链接地址事你存放打包文件的地址需要将此文件引入background.ts文件中 * 必须在app.on('ready', 函数中引用 // src/host/common/JSPatch.tsimport{ipcMain...
│ │ ├── classNames.options.ts │ │ ├── editorIcons.options.ts │ │ ├── index.ts │ │ └── shortcuts.keys.ts │ ├── inotedb │ │ └── index.ts │ ├── less │ │ └── index.less │ ├── router ...
3.1 先打包vue3项目 yarnbuild # 如果提示错误, 请设置tsconfig.json中 compilerOptions.isolatedModules=falsenode_modules/@vue/reactivity/dist/reactivity.d.ts:26:15- error TS2748: Cannot access ambientconstenumswhenthe'--isolatedModules'flagisprovided. ...
app.isPackaged主要是用来判断应用是否已经打包了,打包了我们只需要引用相对路径的html文件即可。 3.2 新建预加载文件 electron中有一个预加载的概念,也就是我们常说的preload,在该文件里面可以在其它脚本文件执行之前运行,它可以调用一些Node API。 在项目根目录新建electron-preload文件夹,然后在其目录下新建index.ts文...
【分享】Vite+Vue3+Electron打包桌面应用_哔哩哔哩_bilibili ⨯ Application entry file "electron\main.js" in the "D:\vs2024proj\electron_vite_ts_demo_sunny\electron-vite-demo-sunny\dist_electron\win-ia32-unpacked\resources\app.asar" does not exist. Seems like a wrong configuration. failedTask=...
主要是增加入口文件,因为electron还没有原生支持ts,因此目前还是必须加载js文件,所以入口文件我们配置为解析后的js文件路径:dist/electron-main/index.js,然后修改执行脚本,在build-electron命令中增加electron-builder打包命令。 electron-builder打包配置 {...,"build":{"appId":"com.electron.desktop","productName"...