Electron

Electron all the Angular 2 Things

基于Electron,用Angular2开发桌面应用的示例和代码:http://onehungrymind.com/electron-angular-2-things/https://github.com/onehungrymind/electrogram

Angular+Electron+VSCode的桌面应用开发入门笔记1

第一部分Electron开发入门笔记GitHub的Electron框架允许你使用HTML,CSS和JavaScript编写跨平台的桌面应用。Electron丰富的原生API使我们能够在页面中直接使用JavaScript获取原生的内容。本文学习的主要知识来自使用AngularJS和Electron构建桌面应用http://www.jb51.cc/article/p-xxsvevfz-b.html一、基础环境的搭建为了安装相应的开发环境和运行库,首先需要安装以下两个东西:1、安装Nodejs和npm包管理器2

Electron进程间通信的实现

本文主要介绍了Electron进程间通信的实现,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

使用Angular与TypeScript构建Electron应用(一)

有关Electron你可以参考这里的文档介绍在此教程中,我们会使用Electron与流行的Angular最新版本构建一个桌面应用。在项目根目录下运行ngnewnews-Feed--style=scss开始创建一个angular应用。直到这一步,我们的Angular所有问题都已经解决。安装全局electron-prebuilt:npmielectron-prebuilt-g,它用来运行一些electron命令。完成后可通过electron-v来查看版本。运行npmielectron--save安装elect

使用Angular与TypeScript构建Electron应用(三)

现在我们完成了了Angular与Electron的交互,在渲染进程进行的任何动作都能及时的发送至主进程分析储存,再得到其反馈,渲染进程根据反馈的不同的做出合理的应对。我们可以对现有的业务逻辑进行更新,让路由的控制回归到Angular自己手中,同时,Electron在合适的时候对窗口大小与位置进行合理的变化。甚至我们需要为Angular添加一些session识别路由跳转的功能。当你使用map/filter/first时,也只是调用了Observable类下的实例方法,这些实例方法都会返回this,所以才能不

使用Angular与TypeScript构建Electron应用(五)

「自治」是非常关键的一点,这很像Angular1.x中的概念。我们知道在Angular1.x中module也是可以互相依赖的,每一个模块/指令/服务都应当能够不受任何状态影响完成基础逻辑。在Angular2中pipe便有『纯』与『非纯』的概念,非纯的管道在变更时就需要考虑更多的外部环境变化,当然效率也会大大下降。

使用Angular与TypeScript构建Electron应用(六)

将back组件链接至shared.module.ts中,并导出它。简单的说,你仅仅只需要做一些逻辑/属性上的改变而模板不会多次复用时,你需要尽量避免组件,转而使用属性型指令,这是Angular与React的不同之处。最后我们订阅的是listService返回的流,并将数据更新至list中。这类情况下我们更需要Subject的一个变种BehaviorSubject。对于刚刚解除Angular或Rxjs的开发者来说,这需要一些学习时间,可参考github记录理解这一节。

使用 AngularJS 和 Electron 构建桌面应用

Electron丰富的原生API使我们能够在页面中直接使用javascript获取原生的内容。这个教程向我们展示了如何使用Angular和Electron构建一个桌面应用。运行应用一旦你创建好了项目结构、app/index.html、app/main.js和app/package.json,你很可能想要尝试去运行初始的Electron应用来测试并确保它正常工作。如果你不想将Election安装到你全局的npm模块中,可以在命令提示行中通过下面命令使用本地npm_modules文件夹下的electron来启

极简的Angular2示例, Electron环境运行

Angular2本身提供了cli命令行工具,可以生成完整的工程.但是命令行生成的工程太过复杂,对于新学习Angular的用户会有太多的干扰.我们尝试完全脱离cli工具,只是通过TypeScript提供的tsc命令,纯手工构造一个极简的Angular2示例.完整代码:http://git.oschina.net/chai2010/hello-ng2配置淘宝的镜像通过以下命令安装:完成后用cnpm代替

NiceFish系列项目用于最新版本的Angular教学

NiceFish(美人鱼)NiceFish是一个系列教学项目,都是Angular这个技术栈。NiceFish:美人鱼,这是一个微型Blog系统,前端基于Angular4.x+PrimeNG。http://git.oschina.net/mumu-osc/NiceFish/NiceFish-Admin:这是系统管理界面,基于Angular4.x+PrimeNG,http://git.oschina.net/mumu-osc/NiceFish-AdminNiceFish-ionic:这是一个移动端的demo,