Electron(1.6.11) + koa2 仿腾讯TGP游戏登陆器（一）：环境部署

酝酿了很久想写个新版的Electron教程，奈何有点（很是）懒，而且常常被LOL吸引。。。终于下决心开搞了，要否则越堆越多的工做人生就GG了。预计的话大概须要一到两个月来完成吧，毕竟是非工做时间来写，还有LOL那个小婊砸须要我关怀。

还有，尽可能不要吐槽个人代码，尤为是 css & html ,不过欢迎告知更好的写法。

项目地址：https://coding.net/u/YupegLV/...

代码我会不按期的push，可是若是没有大的新功能实现的话，就不更新教程了。

1、环境配置

一、新版的和旧版的环境配置基本同样，我用的electron-version:1.6.11，node-version:8.1.4。（截止2017-7-28）

二、关于墙的问题，最近因为xx缘由，墙有点厚。推荐使用淘宝的npm镜像吧，不过 electron 的项须要特殊配置一下，参见这里。

三、推荐一个vscode插件 ：VersionLens，能够提示package.json 里的依赖项的最新版本

四、electron官方中文API：github

2、搞个基础的框架

一、基本的代码姿式差很少就这样

main.js 是程序主入口，index.html 为主页面。

3、一些我以为须要写的东西

个人前端技术很渣，html只会div，因此也不着重说这块了。只说点感受须要特别提示的东西吧。

1.jQuery的引用：

<script>
    window.$ = window.jQuery = require('./js/tools/jquery.js');
</script>

2.使区域可拖拽 css

.drag {
    -webkit-app-region: drag;
}

由于electron使用的是chrome的框架，因此css里只用-webkit就OK了。

3.关于子页面（区域5）的实现有两种实现方式。

①从服务器获取HTML文本直接添加到index.html里;
②本地写好html框架，从服务器获取json数据，动态加载数据。

两种的各有利弊，第一种办法就是传输数据量大，而且一些点击事件实现有些问题，还有就是服务器端的页面代码很差调试。第二种办法就是，页面框架被固定住了，想要更改的话只能更新软件。

再有再加，下节说服务器的搭建。