1、先创建一个项目文件夹(例如:first_electron)
2、通过终端进入到这个文件夹
3、执行npm init 初始化一个 npm 包 (就一直回车就创建完了)
4、箭头指的这两个内容填上 一个是开发者 一个是简介

image.png
5、初始化包并安装 Electron (最坑的一步)
执行下面命令
npm install electron --save-dev如果正常执行 下面就不用看了
如果卡主不动的话就需要下面操作(因为安装了vscode 所以就在这里面打开)
1:确认 code 命令可用
在终端里输入:code -v
如果提示 command not found,说明没配置 VS Code 的命令行。
👉 解决:
打开 VS Code
按 Command + Shift + P(Mac)调出命令面板
输入并执行:Shell Command: Install 'code' command in PATH
关掉终端,重新打开,再试:code -v
有输出日志的话
下面在执行 npm config set editor "code --wait" 设置 npm 的默认编辑器VS Code
后面再执行 npm config edit 打开配置页面

image.png
找一下有没有这三个配置 有的话就替换=号后面的内容,没有的话就添加一下
electron_builder_binaries_mirror=https://npmmirror.com/mirrors/electron-builder-binaries/
electron_mirror=https://cdn.npmmirror.com/binaries/electron/
registry=https://registry.npmmirror.com
删除你项目的node_modules文件夹(如果有的话,没有就不用管了)
先关闭终端再重新打开(稳妥一点)
执行命令清除npm的缓存npm cache clean --force
之后再执行npm install electron --save-dev就能正常了
剩下的就根据官方文档一步一步往下面操作就可以了
