【Electron】创建项目与打包

最新推荐文章于 2024-08-21 10:09:44 发布

dreamer518

最新推荐文章于 2024-08-21 10:09:44 发布

阅读量420

点赞数 6

文章标签： electron javascript 前端

本文链接：https://blog.csdn.net/dreamer518/article/details/136018826

版权

我在安装运行electron上遇到一些问题做下记录

创建electron 项目

npm create  electron-vite

注意如果vscode命令行报错就用管理员省份运行powershell去创建一定要记得适用以下所有步骤

我这里就报错了

所有的报错，都用powershell去尝试一下可能就可以解决
在这里插入图片描述
2.更新插件这里也要注意下

首先打开 .npmrc 添加以下几行内容

registry=https://registry.npmmirror.com
ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/
ELECTRON_BUILDER_BINARIES_MIRROR=http://npmmirror.com/mirrors/electron-builder-binaries/

在这里插入图片描述

一定要添加否则更新报错或者打包报错
3. 进入程序目录执行 npm install 和 npm run dev

这里如果出问题就用powershell执行
4.程序打包 npm run build

总结
这期间遇到不少bug 最大的bug就是证书过期问题换镜像就可以了不要固执的认为要用魔法不需要！！国内镜像就可以解决
还有一些博主教的乱七八糟代码加各种代码的不需要！！！npm create electron-vite 这里有现成的包不要去搞那些我跟着别人的写到一半执行不下去了当时是因为一个 require()的问题卡半天最终放弃这个坑我踩了两天最终还是这个方法解决的期间可能遇到各种各样的错误但是百度都可以解决记住一个事截止2024年2月4日我最终使用这个方法解决的！！ node版本18.19.0 npm版本10.2.3