Electron入门笔记(二)-快速建立hello world

时间:2021-05-17 19:34:21

官方的文档我没有看懂,看了不少别人的博客和文章,终于慢慢看懂了如何快速的建立一个Electron app demo,前一篇文章不是使用官方快速搭建的,而且还出了小问题,所以去撸了一遍quick-start,发现很简单

一、安装Electron


1.全局安装

在自己想安装的盘下打开命令窗口,输入命令:npm install -g electron进行全局安装

2.局部安装

输入npm install electron进行局部安装

二、克隆下载electron-quick-start


在自己安装electron的盘下快速打开命令窗口,然后输入:git clone https://github.com/electron/electron-quick-start,从GitHub上克隆下文件(如果网速不好,建议使用国内的淘宝镜像,输入:cnpm install -g cnpm --registry=https://registry.npm.taobao.org )

三、进入文件


待克隆下载完成之后,继续输入:cd electron-quick-start 进入文件

四、进行安装和启动


然后输入npm install && npm start进行安装和启动,在输入这个命令的时候报错了 ,不知道是不是因为是在文件中打开的命令窗口进行输入命令的原因,无法识别&&字符,在cmd打开的命令窗口输入就不会报错,但是下载特别慢

所以我就把npm install和npm start分两次输入的,这样明显速度加快了很多也没有报错,然后就会启动,出现hello word 的浏览器窗口。