点击tags就可以看到上篇文章了github 目录设置的有点不合理..不过没关系啦…不打算改了..因为最近在看JavaScript设计模式.虽然功能不多,但是我尽量都模块化了~ 创建一个Electron(app.js) var electron = require('electron'); // 控制应用生命周期的模块。 var app=electron.app var BrowserWindow = electron.BrowserWindow; // 创建原生浏览器窗口的模块 因为新版的创建方式改了..所以这个坑我踩了然后跳出来了.创建浏览器窗口和设置标题等等…这些都能在官方API上找到官方文档 其中模板是通过mainWindow.loadURL一个file链接…这些都能在官方那个快速入门找到代码..实际上我也是搬抄过来的..没啥要说的. 前端框架/库的引入 利用webpack做前端依赖管理的时候..jquery这个坑了我一把,在electron必须要手动声明详情看template/index.html window.$ = window.jQuery = require("../../../public/lib/jquery/dist/jquery.

github 目录简介 目录挺简单的,dev为开发目录.dev/client/:为客户端目录 dev/service/为服务端目录因为后期打算用angular开发,所以用gulp打包和webpack做依赖 gulp 比较重要的一点是利用gulp-shell来启动.注册了一个reload任务 gulp.task("reload",['webpack:compile'], p.shell.task(['electron .'])) 但是这个任务有个缺陷就是 你每次更改代码都需要手动关闭Electron 也就是说这个配置不会帮你自动关闭界面 但是能帮你自动启动 webpack webpack只做client依赖管理 module.exports={ //开发js都放置在/dev/js下 同时/dev/js下有个主目录用来做主文件 entry:'./dev/start.js', output:{ //利用gulp调用webpack,webpack仅做依赖管理 filename:'mcstart.