用electron写桌面运用

提及桌面运用，想必人人运用过的就已海了去了。什么狂风影音、QQ、skype之类的，早已不是新鲜事！不过人人有无相识过怎样编写一个桌面运用？汗青上，我们都有哪些体式格局去编写桌面运用呢？

实际上，桌面运用的汗青并不算长远，不去查找种种材料，仅凭影象，我能想到的曾涌现过的桌面运用编写言语就有：C++、Delphi、VB、winForm、WPF、swing、awt、QT、flash、Objective-C、Swift&＃8230;也许另有更多。

进修本钱是不是是有点高？这么多言语\手艺！！假如你正好还碰到了一个隐恶扬善的老板或许PM，他就是那末急切的愿望本身的app能够多平台宣布(也不论在那些平台上是不是有客户)，作为顺序员的你，肿么办？是勇挑大梁，然后各手艺栈进修失利，终究自杀以谢老板？照样坚决脱离？

固然都不是，够懒的顺序员应当寻觅更轻易完成，又能满足老板需求的解决方案。那末，我们来看看本日的话题，electron吧！

electron是什么？

依据官网的形貌，electron是一种能够运用网页手艺来开辟跨平台桌面运用的解决方案！感受一下，用你已知的技能html、Javascript、css就能写桌面运用，是不是是想一想就有点儿小冲动？！

谁在用electron？

有名的前端界IDEAtom就是运用electron编写的，震颤了有不有？

看看另有哪些有名的运用是基于electron编写的：

那末接下来，让我最先吧！

准备工作

• 装置nodejs

• 装置yeoman

运用顺序天生器

npm install -g generator-electron-naive

假如运用unix like操纵系统，请在敕令前加sudo

建立项目

那末我就先来一个简朴的叫todo小运用：

yo electron-naive

当键入上述敕令后，天生器会有一系列题目问你，按需回复即可：

题目中的Use remote URL是指，是不是想直接加载一个长途的URL？假如选&＃8221;是&＃8221;，那末会再要求你输入准确地点

调试

cd todo
npm run dev

上述敕令操纵完后，会有以下运用界面翻开：

找到todo/src/index.html，用你喜好的IDE翻开，然后拷贝以下代码掩盖index.html本来的内容：

再来看我们app界面，变成了以下模样：

天生运用顺序包

之前天生项目的过程当中，在“Which platform you&＃8217;d like to package to?”这个题目里，你可选择未来要支撑的操纵系统，以便天生响应的打包代码。

那末如今我们就来天生一个顺序包吧：

npm run dist

末了天生的可执行顺序出就如今了以下位置：

兴奋的双击运用吧！！！