桌面应用开发

一、安装node.js

http://nodejs.cn/
nodejs安装非常简单,废话不多说。安装完成效果:
(npm是node的模块管理工具,由node附带安装)
在这里插入图片描述
二、安装淘宝镜像的包命令行管理工具cnpm

npm install cnpm -g --registry=http://registry.npm.taobao.org



这步巨慢,耐心。

    貌似是另一种更换npm镜像地址的方法:https://www.jianshu.com/p/83ca29c193cd
    1.看一下npm仓库地址:

    npm get registry



    得到 https://registry.npmjs.org/
    2.替换地址

    npm config set registry http://registry.npm.taobao.org/

 

三、全局安装electron

cnpm install electron -g



后面反正要git clone一个项目,也不知道这一步在干啥,先不管,干就完了。
四、安装git


五、快速上手electron

官方提供了快速上手实例。
找个地儿,建个文件夹,Git Bash Here,然后:

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



只需要把第一行拷进去,按下回车,一切就像全自动的一样开始了:
在这里插入图片描述
最后连npm start都给你打好了:
在这里插入图片描述
再按一下回车,一会儿就跳出来一个窗口:
在这里插入图片描述
这就算已经启动了,文件在你刚才Git Bash Here的地方:
在这里插入图片描述
六、使用electron-packager打包成exe

    参考地址:

        【最简单】Electron 怎么将网页打包成桌面应用(web前端页面怎么生成exe可执行文件)
        官网地址:https://github.com/electron-userland/electron-packager
        electron | electron-packager打包问题汇总

1. 全局安装打包神器electron-packager

cnpm install electron-packager -g


2. 开始打包
(1) 最简打包

cd到electron-quick-start文件夹,执行如下最简单的命令,即可开始打包。

electron-packager .
文/程忠 浏览次数:0次   2020-10-16 16:31:22

相关阅读


评论: