初识angular-electorn
前言:学习编程最初的梦想是初中时候特别想做的事,那时候想着开发属于自己的desktop应用软件,直到现在变成了糊口的饭碗,并且饭碗还握的不牢靠,还有很多的人不断的涌入这个行业和我抢饭。最近公司里安排做了两个月的angular前端,渐渐的对前端开发熟悉起啦,去年的时候了解到现在的迅雷客户端使用了一个跨平台的开发框架:electorn,通过这个框架可以很轻松的开发出win/mac桌面软件,在浏览github的时候发现还有angular-elecorn,不仅有angular的还有vue-electorn。
今天周六本来计划今明两天都是加班,结果今天一觉睡到十二点了,于是放弃今天加班的计划,好好在家休息,明天再去沣东加班。
在家闲着的时候总觉得时间过的快,不如通过学习提高时间的利用率,压住心里的浮躁吧。
打开github完成之前一直心心念的梦想,尝试angular-electorn吧。
1.附上github链接:
angural-electron
https://github.com/maximegris/angular-electron
2.让它跑起来:
它的实质还是一个angular web前端应用外面套了一个electorn壳,electorn又基于google的chrome内核像一个浏览器,electron壳保证它能跨平台运行。
先把代码克隆下来吧:
在一个文件夹下把代码克隆
git clone https://github.com/maximegris/angular-electron.git
拉代码
安装依赖包:
npm install
注意:这是个angular工程,所以呢电脑需要啊nodejs环境,还要安装angular cli工具
让应用跑起来:
npm start
这个是我修改了下主页里的内容:
运行图
好玩的来了,将此项目打包编译成桌面应用,这里我是mac os,所以就打包成dmg后缀的应用了
命令行里输入:
electron-builder build --mac
终端里输入编译命令
编译成功后生成的文件
安装试一试这个文件可以安装成功吗?
安装成功😯成功了!
运行起来了!运行一下,和调试的一样吗?
总结:像开发前端一样就开发桌面应用,只要把angular前端开发拿下,按照开发前端的思路把界面移植到这个工程里,通过不同的命令就能编译成可以在macos win运行的桌面应用。