首先要设置 main 属性，在默认情况下，Electron 会在根目录中查找 index.js 文件并执行，但是由于我们的文件名为 main.js，所以需要在 package.json 中定义。
//package.json { "name": "vite-electron", "version": "0.0.0", "main": "main.js", // 这一行 ... }
然后设置运行 Electron 的方式，在 scripts 部分中新创建一个名为electron:start 的脚本，内容是electron . 。
//package.json { "name": "vite-electron", "version": "0.0.0", "main": "main.js", "scripts": { "dev": "vite", "build": "vite build", "serve": "vite preview", "electron:start": "electron ." // 这里 }, ... }
以上就是所有的代码了。
最后在终端中执行： npm run electron:start 命令，然后就能看到：
桌面程序终于完成了，很简单吧～
写在最后近期在提升 Vue 的过程中，发现一个高逼格的 Vue3+TS 教程。 无偿分享给掘仔们，戳我看教程
到此这篇关于构建Vue3桌面应用程序的方法的文章就介绍到这了,更多相关Vue3桌面应用程序内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章: