前言：之前做了个mac版本的Electron应用，最近又让搞windows版本的，经过一天的琢磨，终于整完了，做个笔记，给后来人学习，参考，一定要先把mac版本的基础上修改（代码有点多，实在是懒得一个一个琢磨了，就贴需要改进的部分吧），一定要点击下面回顾前文链接查看，都是主要代码

文章写完不一定会很完美，不一定能全明白，所以有不懂的，可以评论区，私信提问（看到会回复，不敢保证第一时间看到），着急的，可以加wx，需要注明来意，职业，姓名。LJY_980408，否则不会通过

回顾前文：react+electron/现成的react项目直接转electron（2）—— 能本地运行，打包mac，【web层，渲染层，主进程】之间的互相通信交互

1.本地运行起来

修改plugins/vite.electron.dev.ts文件

// 找到这行代码，应该有俩处，都需要替换
- electronProcess = spawn("electron", ["dist/main.js", IP]);

// 然后替换到下面这个
// 先判断环境，darwin 为mac环境
// spawn 第一个参数是字符串，在mac中这么写没错，但在win中会报错，spawn electron EACCES 的错误，所以需要单独引入一个electron，这时候ts会报错，可以忽略掉，可以跑起来，判断类型后不会再报错
+ if (process.platform == "darwin") {
+   electronProcess = spawn("electron", ["dist/main.js", IP]);
+ }else{
+   electronProcess = spawn(require("electron"), ["dist/main.js", IP]);
+ }

2.打包运行

还是和mac打包方式一样，因为代码篇幅原因，我直接在旧文章内改了，可以点击上方回顾前文链接直接拿来主义

3.一定要看的注意事项

***不管看哪段代码，一定要看注释，很多小细节一旦忽略，就出错了

***windows比mac更麻烦，环境变量一定要设置好，依赖一定要版本对上，我的electron为 ^26，已经比较旧了，如果需要替换，可以自行升级

***涉及一套代码，windows/mac双端都用的情况，要关心，操作文件路径时，mac为「 / 」，windows为「 / 」，切记

***windows打包后的文件icon最小宽高为 256*256，否则打包会失效

***windows和mac如果在本地开发的时候需要展示本地文件夹中的图片，显示不出来是正确的，因为本地运行会追加一个ip在前面，只要打包完成安装好显示对的即可