一、安装Node.js
大部分开发者是使用Node.js来创建Electron项目的，所以需要安装Node.js（https://nodejs.org/）.
二、yarn依赖包管理工具安装
建议使用yarn作为依赖包管理工具，它相对于npm包管理工具来说，速度更快、操作简洁，安装命令：
npm install -g yarn三、创建第一个应用项目
首先创建一个目录，比如我新建了一个Demo1目录，“D:projectselectronAppsDemo1”
1、命令行进入此目录，执行如下命令创建一个Node.js项目：
yarn init该命令执行之后，会有一些列的提示，包括项目名称、版本、作者、描述等，可以按照标准和需要填写，也可以直接回车快速跳过。
完成之后，会在Demo1目录下生成一个package.json文件，文件配置信息如下：
{ "name": "Demo1", "version": "1.0.0", "main": "index.js", "license": "MIT" }2、安装Electron依赖包
在进行编写项目之前，需要安装Electron依赖包，我们可以使用国内淘宝镜像网站的资源：https://npm.taobao.org/mirrors/electron/
可以通过如下命令配置Electron镜像网站：
yarn config set ELECTRON_MIRROR https://cdn.npm.taobao.org/dist/electron/环境变量设置好之后，开始安装Electron，执行命令：
yarn add electron --dev --platform=win64–dev声明Electron模块只用于开发
–platform=win64是只安装64位的Electron，若是macOS系统，则可以使用–platform=mas
如果安装完成，打开package.json文件可以发现多了一个节点：
"devDependencies": { "electron": "^13.1.6" }这说明我安装的版本是13.1.6版本。
常见问题解决
很多时候，安装Electron依赖包并没有那么顺利，可能会出现一些错误，比如我就碰到了如下错误：
error D:projectselectronAppsDemo1node_moduleselectron: Command failed.
Exit code: 1
Command: node install.js
Arguments:
Directory: D:projectselectronAppsDemo1node_moduleselectron
Output:
HTTPError: Response code 404 (Not Found) for https://cdn.npm.taobao.org/dist/electronv13.1.6/electron-v13.1.6-win32-x64.zip
at EventEmitter.<anonymous> (D:projectselectronAppsDemo1node_modulesgotsourceas-stream.js:35:24)
at EventEmitter.emit (events.js:375:28)
at module.exports (D:projectselectronAppsDemo1node_modulesgotsourceget-response.js:22:10)
at ClientRequest.handleResponse (D:projectselectronAppsDemo1node_modulesgotsourcerequest-as-event-emitter.js:155:5)
at Object.onceWrapper (events.js:482:26)
at ClientRequest.emit (events.js:387:35)
at ClientRequest.origin.emit (D:projectselectronAppsDemo1node_modules@szmarczakhttp-timersourceindex.js:37:11)
at HTTPParser.parserOnIncomingClient [as onIncoming] (_http_client.js:647:27)
at HTTPParser.parserOnHeadersComplete (_http_common.js:126:17)
at TLSSocket.socketOnData (_http_client.js:515:22)
可以尝试通过以下方式解决：
1）、直接使用npm安装
尝试直接用npm命令安装Electron：
npm install electron --save-dev如果不奏效，可以尝试如下方式解决（具体要看具体报错的问题）
2）、下载Electron的安装文件放入yarn的缓存目录
我们查看node_modules/electron/install.js文件得知，在使用node install.js时，会检查dist目录下是否存在electron.exe文件，以及dist的同级目录下是否存在path.txt文件，且path.txt文件内容为electron.exe，则认为安装成功。
做法：
以我本次的13.1.6版本为例，访问淘宝镜像网站：https://npm.taobao.org/mirrors/electron/13.1.6/
a. 找到并下载“electron-v13.1.6-win32-x64.zip”文件
b. 进入yarn缓存目录（以我为例）：
C:UsersloukaiAppDataLocalYarnCachev6npm-electron-13.1.6-6ecaf969255d62ce82cc0b5c948bf26e7dfb489b-integritynode_moduleselectronc. 在此目录下新建 /dist 目录，同时，新建path.txt文件，内容为：electron.exe
d. 将“electron-v13.1.6-win32-x64.zip”解压至新建的 /dist目录
完成以后，再次执行：
yarn add electron –dev –platform=win64
发现安装成功：
安装成功后，发现项目目录多了node_modules子目录，该目录下存放着运行项目所依赖的node.js包、Electron依赖包。
为了使用Electron依赖包，我们还需要在package.json中增加一个scripts的配置节点：
"scripts": { "start": "electron ./index.js" }scripts配置节点允许我们为当前项目设置一组自定义脚本，这里start脚本代表我们要使用Electron启动本项目，业务代码开发完成后，只需要输入以下命令即可运行程序：
yarn start至此，一个Electron项目运行所必备的环境已经搭建完成。
原文链接：https://blog.csdn.net/irokay/article/details/118556924?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165934461816782184625510%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165934461816782184625510&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-8-118556924-null-null.nonecase&utm_term=%E6%90%AD%E5%BB%BAcdn
原创文章，作者：优速盾-小U，如若转载，请注明出处：https://www.cdnb.net/bbs/archives/8084
