酝酿已久,想写个新版Electron教程,但是有点(很)懒经常被LOL吸引。..终于下定决心入手了,不然工作越积越多,我的人生就GG了。估计大约需要一到两个月的时间才能完成。毕竟现在不是上班时间写,LOL那个小婊子需要我照顾。另外,尽量不要抱怨我的代码,尤其是css&html,但欢迎告诉我更好的写法。项目地址:https://coding.net/u/YupegLV/...我会不定时推送代码,但如果没有实现重大的新功能,教程将不会更新。一、环境配置1、新版本的环境配置与老版本基本相同。我使用电子版本:1.6.11,节点版本:8.1.4。(截至2017-7-28)2.关于墙,最近因为xx原因,墙有点厚。推荐使用淘宝的npm镜像,但是electronitem需要特殊配置,看这里。3、推荐一个vscode插件:VersionLens,可以提示package.json中依赖的最新版本4、Electron官方中文API:github2、创建基本框架1、基本的代码姿势差不多就是这样。main.js是程序的主入口,index.html是主页面。3.一些我认为需要写的东西。我的前端技术很草率。HTML只能div,所以我不关注这个。只是说一些感觉需要特别提示的话。1.引用jQuery:2.使区域可拖动css.drag{-webkit-app-region:drag;}因为electron使用的是chrome框架,所以在css中只使用-webkit就可以了。3、子页面(区域5)有两种实现方式。①从服务器获取HTML文本,直接添加到index.html;②在本地编写html框架,从服务器获取json数据,动态加载数据。这两种方法各有优缺点。第一种方式传输数据量大,部分点击事件的实现存在问题,服务器端页面代码不易调试。第二种方法是页面框架是固定的,如果要改变,只能更新软件。另外,下一节会讲到服务器的搭建。
