Electron示例程序(Hello world)的下载和运行

操作步骤

electron官方提供了一个示例项目(Hello world程序)的GitHub地址,只需要克隆它的仓库即可获取示例项目,操作均在cmd.exe中执行,操作步骤在这个示例项目地址页面中有写出。
大致的意思是我们需要在电脑上安装Git和带有npm的Node.Js,并且用命令行去克隆和运行这个仓库,并且它在下面为我们给出了命令行。
示例项目地址:https://github.com/electron/electron-quick-start
Electron示例程序(Hello world)的下载和运行
 

下载和配置Git

首先要下载Git,进入官网后选择Downloads,找到对应的操作系统进行下载。官网的链接在下方:
官网传送门
由于这是国外网站,所以可能下载速度会很慢,国内推荐使用淘宝镜像网站:
镜像传送门
下载完成之后,进行安装,选择安装路径后一路点击next即可。当然也可以不下载Git,我们可以直接下载仓库的克隆,那就需要使用。。。
懒汉传送门!!(上传的资源还没审核好,先用淘宝镜像假装一下)
 

下载和安装Node.Js

NodeJs环境安装及镜像配置
Node.Js在安装过程中会自动配置环境变量,所以一般不需要配置环境变量。
 

使用命令行

首先要打开cmd.exe,然后开始在里面输入命令行:

  • 进入想要将示例项目安装到的文件夹中。运行这个命令,需要配置环境变量,将git-cmd.exe所在路径配置到系统变量path中,但是一般在安装过程中Git会自动配置环境变量:
    Electron示例程序(Hello world)的下载和运行

  • 克隆示例项目的仓库:
    输入命令行:git clone https://github.com/electron/electron-quick-start
    Electron示例程序(Hello world)的下载和运行
    然后它会将仓库克隆下来,放在electron-quick-start文件夹中。

  • 进入仓库
    输入命令行:cd electron-quick-start

  • 安装依赖
    输入命令行:npm install

  • 运行
    输入命令行:npm start
     

运行结果

Electron示例程序(Hello world)的下载和运行
 
 

可能遇到的问题

 

‘npm’或’git’ 不是内部或外部命令,也不是可运行的程序

原因:系统找不到npm或git的可执行文件,即环境变量配置错误
 
解决方法:手动配置环境变量
npm的环境变量配置为Node.js文件夹下的npm.cmd所在路径,git配置为Git文件夹下的git-cmd.exe所在路径。

上一页