Nodejs+Electron开发入门——从环境配置到helloworld

Nodejs+Electron开发入门——从环境配置到helloworld

一、安装 Node.js 和 npm :

1、安装node: 
进入Node官网,下载指定版本的安装包,我安装的node-v8.10.0-x64.msi,自带npm,直接进行安装
2、安装后确认:
在命令行窗口中输入版号查询指令进行查询:
node -v

npm -v

假如安装成功,结果如下:


二、安装Electron:

执行npm install electron --save-dev--save-exact命令可能需要翻墙,执行中的情况如下:

C:\Users\xxxxxxxx>npminstall electron --save-dev --save-exact

 

>electron@1.8.3 postinstall C:\Users\xxxxxxxxx\node_modules\electron

> nodeinstall.js

 

Downloadingelectron-v1.8.3-win32-x64.zip

[>                                            ]2.5% of 50.3 MB

(28.68 kB/s)

在下载这一步卡住,后来直接下载electron-v1.8.3-win32-x64.zip放到C:\Users\xxxxxxxxx\.electron下面,再重新执行npm install electron --save-dev--save-exact  很快执行完了(xxxxxxxxx是计算机用户名)

 

安装完毕,多出来两个文件夹:
C:\Users\xxxxxxxxx\.electron

C:\Users\xxxxxxxxx\node_modules


三、 HelloWorld 工程:

从github上获取一个示例工程:

在选定的文件夹下执行:(需要安装git)

git clonehttps://github.com/electron/electron-quick-start

cd electron-quick-start

npm install

npm start

弹出窗口:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值