02
2021
09

electron 强大的node.js桌面应用程序-安装步骤和HelloWorld

  1. 下载node.js并安装:

    官网下载入口:https://nodejs.org/zh-cn/

    长期服务版:https://nodejs.org/dist/v14.17.6/node-v14.17.6-x64.msi

    (以上版本只能在win8.1以上系统中安装)

    兼容win7最后一个版本:win7 安装最后一个支持的nodejs-13.14.0:              https://npm.taobao.org/mirrors/node/latest-v13.x/node-v13.14.0-x64.msi

  2. 下载Git并安装:

    淘宝镜像下载:https://npm.taobao.org/mirrors/git-for-windows/

    下载地址直达:https://npm.taobao.org/mirrors/git-for-windows/v2.33.0.windows.2/Git-2.33.0.2-64-bit.exe

  3. 设置electron淘宝镜像 

    npm config set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/

  4. 首先cd进入需要存放的目录,如“D:\",换行,"cd D:\electron”,克隆electron

    git clone https://github.com/electron/electron-quick-start.git

    国内可能无法访问,可以使用其他镜像代替:

    git clone https://gitee.com/freakchicken/electron-quick-start.git

  5. 然后cd进入electron-quick-start:

    cd electron-quick-start

  6. cd后的目录为:D:\electron\electron-quick-start

  7. 安装依赖的包

    npm install

  8. 打开electron:

    npm start

  9. notepad++随编随用命令:cmd /c "d:&&cd d:\electron\electron-quick-start&&npm start",这样以后在notepad++中按F5就可以使用。


编译成二进制文件:

1)安装:electron-packager

npm install --save-dev electron-packager (测试用不了)
测试可用的为:npm install electron-packager -g

2)打包:

electron-packager . myapp --out  ../

打包如果报错,只需要添加一下环境变量即可:
变量:ELECTRON_MIRROR 
键值:https://cdn.npm.taobao.org/dist/electron/
详见: 

2.如果打包提示Downloading electron而且进度超级慢,就需要使用以下方式:

部分内容参考:https://blog.csdn.net/weixin_33928137/article/details/91933643

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。