01. Electron开发环境的搭建

想使用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. 本站所有免费资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的免费资源的准确性、安全性和完整性,免费资源仅供下载学习之用!如有链接无法下载、失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或技术教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
5. 加入前端开发QQ群:565733884,我们大家一起来交流技术!
码云笔记 » 01. Electron开发环境的搭建

发表评论

提供最优质的资源集合

立即查看 了解详情