01. Electron开发环境的搭建

目录
文章目录隐藏
  1. Windows 下安装 Node.js
  2. 安装遇到问题

想使用 Electron 进行开发,需要搭建一些适合它的开发环境,所以需要你一步一步亲自动手跟着码云笔记做。

Windows 下安装 Node.js

如果你是一位前端开发者,安装Node.js应该是信手拈来,非常熟悉了,但是为了防止有小伙伴还不会安装这个,我简单的介绍一下,你只要听话照着我的做就可以。

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。什么事情驱动、非阻塞式 I/O,适合高并发应用使用。

Windows 下安装也是非常简单,直接到 node 官网去下载即可。

官网地址:点击这里

然后点击下载,选择长期支持版本,我这时的版本是 14.16.0.

node 官网下载

  • 长期支持版本:就是已经文档了,并且会一直维护下去的版本,比如有个小 Bug 啥的,官方会马上进行修复。
  • 最新版本: 有很多功能,但是也会同时存在很多 Bug 或者说坑,如果你是个人学习,完全可以使用最新发布版,但是如果是公司,你还是尽量使用长期支持版本。

点击下载后,安装过程很简单,直接下一步、下一步,这里我不作过多的介绍。如果你实在不会,请你百度一下,网上有很多文章会教你如何安装 Node 的。

安装后,可以使用下面两个命令进行检测,如果可以梳理出现邦本,说明你安装成功了。

  • npm -v
  • node -v

如果成功会出现当前的版本,最好使用v10以上版本。

安装 Electron

在你喜欢的盘符下,新建一个文件夹,这个文件夹可以是任何名字。接着我们用 VSCode 工具打开你新建的文件夹,再打开终端。

首先在安装 Electron 之前,我们要进行一个初始化:

npm init

一路回车默认即可。

然后在终端中输入 Electron 的安装命令:

npm install electron --save-dev

然后就是静静的等待安装完成,这个等待时间的长短根据你网速的快慢决定。

等待全部完成后,我们可以使用下面两个命令进行检验是否安装成功:

npx electron -v

./node_modules/.bin/electron -v

如果安装成功,这两个命令都可以出现版本,我这里使用的的版本是v12.0.0

如果你还不放心,你可以直接在命令行启动一下 Electron,如果能顺利启动,并出现这个图,说明你安装成功了。

//启动命令
./node_modules/.bin/electron

效果如下:

Electron 安装成功打开的网页

安装遇到问题

如果在安装时很慢或者根本无法安装成功,这些都是因为国内网络限制的问题,你可以使用科学上网的方法解决(这里不作讲解,自己百度吧),如果你不想花点小钱,你可以使用淘宝的镜像源来解决。

本文的内容就到这里,主要就是带大家把 Electron 开发环境搭建起来,下节我们就可以开始编写 Electron 的代码了。

「点点赞赏,手留余香」

1

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 01. Electron开发环境的搭建

发表回复