01. Electron开发环境的搭建
想使用 Electron 进行开发,需要搭建一些适合它的开发环境,所以需要你一步一步亲自动手跟着码云笔记做。
Windows 下安装 Node.js
如果你是一位前端开发者,安装Node.js应该是信手拈来,非常熟悉了,但是为了防止有小伙伴还不会安装这个,我简单的介绍一下,你只要听话照着我的做就可以。
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。什么事情驱动、非阻塞式 I/O,适合高并发应用使用。
Windows 下安装也是非常简单,直接到 node 官网去下载即可。
官网地址:点击这里
然后点击下载,选择长期支持版本,我这时的版本是 14.16.0.
- 长期支持版本:就是已经文档了,并且会一直维护下去的版本,比如有个小 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 的代码了。
码云笔记 » 01. Electron开发环境的搭建