请问electron一套代码维护pc端和桌面端的话一般是怎么样的开发模式？

Question

请问electron一套代码维护pc端和桌面端的话一般是怎么样的开发模式？

初次了解electron，自己研究了下，一套vue3项目，直接在packege.json里面配置electron相关插件（electron-builder等），npm run dev的时候，会运行本地pc的web端，同时会跳出一个桌面端一起运行。此时正常开发即可，如果有相关硬件串口对接，则在代码上进行electron和vue环境的区分，打包的时候，web构建就是正常的npm run build，electron构建就是npm run electron:build。
以上是在同个项目同个代码进行。

但是今日和另外一个前端进行了一下沟通，发现他的开发模式是这样的，vue3 是一个项目，electron是另外一个项目，本地开发调试时，electron直接链接打开vue3那个项目的本地页面等进行调试，通过mainWindow.loadURL('http://localhost:8888')。等到构建.exe程序的时候，则是把vue3项目构建完成的dist文件夹内容，放在了electron项目的dist文件夹内，这样才打包出.exe文件。

实则对方代码和我自己研究的代码的原理的一样的，本地开发调试的时候都用到了mainWindow.loadURL('http://localhost:8888')这个东西，但是我想知道，现在比较流行的维护方式是怎么样的，是直接在一个项目（我研究的那种）进行开发维护，还是像这个前端说的那个方式（两个项目，一个vue3，一个electron壳项目）进行维护？还是说两种方式都可以？

求electron大佬告知解惑，谢谢！

Answer 1

两个人写的话，就分开呗，一个人就一个人全写呗，这不都一样，取决于最后打包是要打到一起，还是页面放到服务端。

推荐使用electron-vite这个架子开发。