https://github.com/zhongzf/angular2-electron-quickstart Web用法: # Clone this repository git clone https://github.com/zhongzf/angular2-electron-quickstart.git cd angular2-electron-quickstart # Install development dependency npm install # Build and star

一介绍 electron分为主进程和渲染进程,主进程负责和原生交互,控制窗口等. 渲染进程就是普通网页.主进程和渲染进程可以通过ipcMain(主进程使用)及ipcRenderer(渲染进程用)通信 quick-start中main.js为主进程入口文件 index.html为渲染进程入口文件 另外很重要的一点使用electron没有跨域限制!!! 二 打包 1.快速运行quick-start(开发时启动) git clone https://github.com/electron/electr

我最近解决了一个折磨了我好久但是解决方法却只是添加两三行代码的问题.我没有在网上找到合适的解决方案,最后是我根据官方网站和很多的帖子里的部分代码得到的启发,尝试了很久之后得到的解决方法.因为过程实在是折磨,网上又有很多不同思路的方法可能会误导导致浪费很多时间,所以我特地在此分享我遇到的问题与解决方案,如果你的项目也碰到了像我一样的问题,那么很高兴我的解决方法能帮到你. 我添加内嵌推特时间线(Embedded Timeline)的方法 因为有不知一种的添加时间线的方法,为了方便解释我解决的问题,先

前言 最近想把自己用html+css+js做的网页界面打包成桌面应用,网上一搜,发现Electron是一个不错的选择,试了试,发现效果真的不错.这里记录一下打包过程以作记录,便于自己以后查看学习. 一.简介 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的. 二.打包过程 1.

Github 官方地址 代表作: Visual Studio Code Atom - Code editor. Github开源的代码编辑器,Electron起源地 Visual Studio Code - Cross-platform IDE. 近几年最火的代码IDE Hyper - Terminal. 3万多星的命令行窗口,慌了! 其他 本章主要内容 理解Electron是什么 学习Electron基于什么技术 了解使用Electron和传统Web应用程序有什么不同 构建Electron应用

使用Angular提交表单 我们准备在之前使用的<script>标签中设置我们的Angular应用.所以删除里面的内容,我们就可以开始了. 设置一个Angular应用 步骤为: 1. 加载Angular 2. 设置module 3. 这是controller 4. 将module和controller应用于HTML 5. 设置双向变量绑定 6. 这是错误和信息 看起来好像是很多内容,但是最终,我们会用非常少的代码,并且看起来会非常简洁.另外,创建带有更多输入更大的表单,也会更容易. Angul

初学electron 接触了两周的electron,感觉还不错,以后pc端基本上可以用electron加壳写pc端应用了,可以用nodejs的模块,也可以用es6.7,还可以直接操作系统文件.基本上可以完成大多数pc应用了. 就是安装慢成狗了....用镜也卡! 快速开始 Electron通过为运行时提供丰富的本机(操作系统)API,可以使用纯JavaScript创建桌面应用程序.您可以将其看作是Node.js运行时的一种变体,它专注于桌面应用程序而不是Web服务器. 这并不意味着Electron

作为一个前端开发人员,你可能已经听说过Electron了,你知道VS Code是基于这个技术开发的.不但VS Code, 目前一些大热的软件:飞书.Slack.WhatsApp都是基于这个技术开发的. 即使工作不会涉及到,也应该学一下Electron,因为它是极客手里的利器,你可以通过他做很多Amazing的事情. 本文主要讲讲Electron是什么,以及它能做什么极客工作. Electron的由来 2011年左右,中国英特尔开源技术中心的王文睿(Roger Wang)希望能用Node.js来操

Electron 将网页打包成桌面应用(web页面生成exe) http://m.blog.csdn.net/u014563989/article/details/75045052 Electron学习笔记Part3-利用Electron builder应用打包EXE http://blog.csdn.net/dj513dj/article/details/55253560 手把手教你把前端代码打包成msi和exe文件 http://yohnz.win/2016/10/11/%E6%89%8B%

最近公司布置任务,用asp.net core mvc和angular改写原来的一个用Silverlight做的项目.从来没搞过,找了两本书看了一天,又看了一天代码,大致心里有底了,就开始动手.没想到一上来就碰到了头痛的问题. 首先是第一次调试后,修改了typescript,却不会自动编译.花了不少功夫才明白,原来不要用缺省的IISExpress,另外建了个调试profile,关键是类型设为Project,这下就方便了.F5调试后,随时修改template或者typescript,马上就自动重新编

云智慧集团成立于2009年,是全栈智能业务运维解决方案服务商.经过多年自主研发,公司形成了从IT运维.电力运维到IoT运维的产业布局,覆盖ITOM.ITOA.ITSM.DevOps以及IoT几大领域,为金融.政府.运营商.能源.交通.制造等上百家行业的客户,提供了数字化运维体系建设及全生命周期运维管理解决方案.云智慧秉承Make Digital Online的使命,致力于通过先进的产品技术,为企业数字化转型和提升IT运营效率持续赋能. 作者简介 杨迎辉,云智慧/开发工程师,云智慧前端开发工程师,

1.打开本地文件或者网页链接 // 打开系统本地文件 const {shell} = require('electron'); // Open a local file in the default app var path1 = "d:\ProjectsSpace\ElectronProjects\ElectronTest2\app\html\config\record.txt"; shell.openItem(path1); //打开网页链接 // Open a URL in th

Angular+Electron+VSCode的桌面应用 转自:http://blog.csdn.net/yr7942793/article/details/50986696 第一部分 Electron开发入门笔记 GitHub 的 Electron 框架(以前叫做 Atom Shell)允许你使用 HTML, CSS 和 JavaScript 编写跨平台的桌面应用.它是 io.js 运行时的衍生,专注于桌面应用而不是 web 服务端.Electron 丰富的原生 API 使我们能够在页面中直接

Electron因为开启了node集成才能实现和网页的通信,引入jQuery较高版本它的模块化定义(基于CommonJS)和Electron的内部机制冲突了.目前提供以下两个方案: 1.使用jQuery 1.8.2版本,更高版本还没有测试. 2.添加下面的代码以后,再引入jQuery的高版本. <script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>

路由问题: 打包成electron前,需要修改 index.html <base href="/"> 成 <base href="./"> 这样按照教程,确实能打包成功. 但是!但是.  此时从浏览器 直接访问 127.0.0.1:4000   也就是index是没问题的:而且从index页开始点击操作,各种路由跳转也是没问题的. 但只要想直接访问 127.0.0.1:4000/XXX/YYY  这样的带路由的页面,就会报各种404,典型的比

一.安装配置环境 Electron(一种桌面应用程序运行时),Electron 把 Chromium 和 Node 合并到一个单独的运行时里面,很适合开发桌面 web 形式的应用程序,通过Node它提供了通常浏览器所不能提供的能力. 首先需要在电脑进行安装配置Node环境,下载Nodejs,安装的过程像安装QQ一样简单 通过npm全局安装electron npm install electron -g 这样你就可以在电脑的任意位置进行你想要的操作了 进入你要打包的H5网页的根目录 二.操作项目

AngularJS深入 这个系列真不错,是我想学的深入内容. http://syaning.com/2015/07/16/dive-into-angular-1/ 一般情况下,一个页面中只有一个应用,但是一个页面上多个应用也是可以共存的.通过上面对源码的分析,可以知道,只有第一个应用会自动启动,因此其余的应用需要手动来启动,例如: <div id="app1" ng-app="MyModule1"> <div ng-controller="

我们之前做的所有的网页项目都用的是假的json数据,真正的前后端的数据交互是个什么情况的呢?现在,我们就来看看. 首先,我们需要进行环境窃取,我们需要一个真实的数据,但是人家公司肯定不会将数据给你的,所以,这里我们需要一些小手段将这些个数据窃取出来. 1. 准备好node.js并将服务器启动. 2. 准备好ngnix工具,担任本地服务器和对象后台服务器的中间人. 3. 对服务器进行各种配置 4. 重启服务器,这样准备工作就算完成了. 下面是nginx.conf的部分配置文档—— server {

转自脚本之家: 本篇文章主要介绍了angular中实现li或者某个元素点击变色的两种方法,非常具有实用价值,需要的朋友可以参考下 本文介绍了angular中实现li或者某个元素点击变色的两种方法,分享给大家,希望对大家有帮助 先说一种最直接了当的不需要js控制. 方法一:直接在用ng-class就可以控制: <p ng-click="state=1;" ng-class="{active:state==1}">浮伤年华</p> <p n

转自CSDN: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>购物车</title> <script src="angularjs/angular.js"></script> <style> .box{ width: %; border-botto