Electron示例程序(Hello world)的下载和运行
操作步骤
electron官方提供了一个示例项目(Hello world程序)的GitHub地址,只需要克隆它的仓库即可获取示例项目,操作均在cmd.exe中执行,操作步骤在这个示例项目地址页面中有写出。
大致的意思是我们需要在电脑上安装Git和带有npm的Node.Js,并且用命令行去克隆和运行这个仓库,并且它在下面为我们给出了命令行。
示例项目地址:https://github.com/electron/electron-quick-start
下载和配置Git
首先要下载Git,进入官网后选择Downloads,找到对应的操作系统进行下载。官网的链接在下方:
官网传送门
由于这是国外网站,所以可能下载速度会很慢,国内推荐使用淘宝镜像网站:
镜像传送门
下载完成之后,进行安装,选择安装路径后一路点击next即可。当然也可以不下载Git,我们可以直接下载仓库的克隆,那就需要使用。。。
懒汉传送门!!(上传的资源还没审核好,先用淘宝镜像假装一下)
下载和安装Node.Js
NodeJs环境安装及镜像配置
Node.Js在安装过程中会自动配置环境变量,所以一般不需要配置环境变量。
使用命令行
首先要打开cmd.exe,然后开始在里面输入命令行:
-
进入想要将示例项目安装到的文件夹中。运行这个命令,需要配置环境变量,将git-cmd.exe所在路径配置到系统变量path中,但是一般在安装过程中Git会自动配置环境变量:
-
克隆示例项目的仓库:
输入命令行:git clone https://github.com/electron/electron-quick-start
然后它会将仓库克隆下来,放在electron-quick-start文件夹中。 -
进入仓库
输入命令行:cd electron-quick-start -
安装依赖
输入命令行:npm install -
运行
输入命令行:npm start
运行结果
可能遇到的问题
‘npm’或’git’ 不是内部或外部命令,也不是可运行的程序
原因:系统找不到npm或git的可执行文件,即环境变量配置错误
解决方法:手动配置环境变量
npm的环境变量配置为Node.js文件夹下的npm.cmd所在路径,git配置为Git文件夹下的git-cmd.exe所在路径。