前端也能开发桌面应用~初识angular-electron

前言：学习编程最初的梦想是初中时候特别想做的事，那时候想着开发属于自己的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运行的桌面应用。