Electron学习笔记（一）基础环境

目录

前言

基础环境准备

安装 Node.js

配置项目文件

通过代理服务安装

通过国内仓库安装

一些常见问题：

---

前言

一个新手学习Electron的笔记，记录为主，仅供参考。

其他文章见专栏目录。

基础环境准备

开发之前先将基础环境搭建好。

安装 Node.js

下载地址：Node.js — Download Node.js® (nodejs.org)，推荐下载最新的LTS版本。

 安装过程一直点Next。

打开cmd使用命令验证安装结果：

node -v
npm -v

这两个命令应输出了 Node.js 和 npm 的版本信息。

注意：因为 Electron 将 Node.js 嵌入到其二进制文件中，你应用运行时的 Node.js 版本与你系统中运行的 Node.js 版本无关。

配置项目文件

新建文件夹

在当前文件夹打开cmd，输入：

npm init

一直按回车知道结束，文件夹下会生成一个json文件

修改这个文件参数

• entry point 应为 main.js.（函数入口点，可以改成你自定义的其他文件，新手不要改）
• author 与 description 可为任意值，但对于应用打包是必填项。（author写作者名字，description 是你打包出来的程序的描述）
• scripts下增加一条

  "start": "electron ."

  

 记得保证json文件格式合法，句末的英文逗号不要忘

接下来将 electron 包安装到应用的开发依赖中。继续用刚才的cmd在当前目录输入指令。

通过代理服务安装

这里记录npm如何配置代理，不想配置代理的可以看国内仓库安装方法。

首先查看当前配置文件是否已经配置代理，使用如下命令：

npm config list

 设置网络代理的命令如下：

npm config set proxy="http://127.0.0.1:1080"

 最后执行安装命令：

npm install --save-dev electron

 国外仓库一般速度较慢，建议使用国内仓库。此方法报错时，请使用国内仓库。

取消代理方法：

npm config delete proxy
npm config delete https-proxy

通过国内仓库安装

可以使用国内taobao仓库，使用如下命令切换npm仓库：

npm install -g cnpm --registry=https://registry.npm.taobao.org

这个步骤可以多执行几次，确保成功。

然后再执行安装：

cnpm install -g electron

 等待安装完成，完成后执行以下命令校验安装结果：

electron -v

 如有版本号说明安装成功。

一些常见问题：

npm error code CERT_HAS_EXPIRED

表示当前证书已过期

解决方法：使用不加密的地址，如下

npm install -g cnpm --registry=http://registry.npm.taobao.org

启动electron

npx electron

效果如下