刘总的笔记小站

生活常识,娱乐搞笑,编程技巧,智能家居,深度学习,网络神经,数据挖掘

制作electron三平台桌面应用程序

1,安装nodejs版本8.11.3 LTS,应该也可以使用不太旧的版本(为了软件环境配套平行踏步建议选择最新版本)

2,安装Microsoft Visual C++ Build Tools 2015(v14.0)或者vs2015

3,配置nodejs源和electron源

4,创建electron-quick-start工程

5,编译三平台至此,基于win,linux和mac的桌面程序构建完成,将近100M大小


详细步骤:

1,安装nodejs版本8.11.3 LTS,应该也可以使用不太旧的版本(为了软件环境平行踏步建议选择最新版本)
node-v8.11.3-darwin-x64.tar.gz
node-v8.11.3-linux-arm64.tar.xz
node-v8.11.3-linux-x64.tar.xz
node-v8.11.3-win-x64.zip

2,安装Microsoft Visual C++ Build Tools 2015(v14.0)或者vs2015
1)手动安装
Microsoft Visual C++ Build Tools 2015(v14.0)
2)集成命令
npm install electron --save-dev
npm install --global --production windows-build-tools

3,配置nodejs源和electron源
npm config set registry https://registry.npm.taobao.org
npm config set electron_mirror https://npm.taobao.org/mirrors/electron/

查看配置:C:\Users\and\.npmrc
registry=https://registry.npm.taobao.org/
electron_mirror=https://npm.taobao.org/mirrors/electron/

4,创建electron-quick-start工程
1)安装依赖组件
npm install electron --save-dev

2)手动下载工程:
electron-quick-start
electron-api-demos

3)配置编译执行:
npm run package:linux
npm run package:win
npm run package:mac


5,编译三平台至此,基于win,linux和mac的桌面程序构建完成,将近100M大小
在视窗系统下面编译结果如图:
drwxr-xr-x 1 and 197121 0 Jun 29 21:59 aboycando-liuzong-darwin-x64/
drwxr-xr-x 1 and 197121 0 Jun 29 21:59 aboycando-liuzong-linux-x64/
drwxr-xr-x 1 and 197121 0 Jun 29 21:59 aboycando-liuzong-win32-ia32/
已经测试win和linux可以正常显示,mac没接显示暂未测试,目测肯定可以执行

6,后记electron发展到2.0.3~2.0.5已经相当稳定了,安装配置全程无痛,编译也是顺利成功。
唯一被卡了半天是electron更新二进制文件的时候卡了半天,无奈更换国内electron源顺利成功


吐槽:国内墙这么高,已经阻碍了科技的进步,全世界大融合,这种阻隔不知于天朝有何好处。
无异于闭关锁国,还得靠川普这种二愣子,跳出来敲一敲脑壳,从房地产兴邦的中国梦中惊醒。
国人封禁言论自由,平等权利,权益保障,惩罚性法律,设墙保护国内公司,你到底在怕什么。


package.json

{
  "name": "electron-quick-start",
  "author": "and",
  "productName": "aboycando-liuzong",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "package": "npm-run-all package:*",
    "package:win": "electron-packager . --overwrite --platform=win32 --arch=ia32 --out=out --icon=app.ico",
    "package:linux": "electron-packager . --overwrite --platform=linux --arch=x64 --out=out",
    "package:mac": "electron-packager . --overwrite --platform=darwin --arch=x64 --out=out --icon=app.icns --osx-sign.identity='aboycando-liuzong' --extend-info=info.plist"
  },
  "repository": "https://github.com/electron/electron-quick-start",
  "keywords": [
    "Electron",
    "quick",
    "start",
    "tutorial",
    "demo"
  ],
  "author": "GitHub",
  "license": "CC0-1.0",
  "devDependencies": {
    "electron": "^2.0.3",
    "electron-packager": "^8.6.0",
    "npm-run-all": "^4.0.2"
  }
}


发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
搜索
«   2024年9月   »
1
2345678
9101112131415
16171819202122
23242526272829
30
网站分类
最新留言
文章归档
网站收藏
友情链接
图标汇集
Powered by Z-BlogPHP

  • Copyright ©2021 @liuzong All rights reserved.
  • 陕ICP备17016542号