Electron学习笔记(一)基础环境

发布于:2024-07-30 ⋅ 阅读:(146) ⋅ 点赞:(0)

目录

前言

基础环境准备

安装 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

效果如下


网站公告

今日签到

点亮在社区的每一天
去签到