Electron

Electron是将chromium和nodejs整合在一起,通过这个工具可以使用nodejs,html(5),css(3)创建跨平台的桌面程序;

用web的开发方式,而且能和原生操作系统交互,创建跨windows、mac、linux平台的桌面程序,还是很有吸引力的;

这种类似net的webbrowser,但webbrowser只支持ie内核更别说跨平台了、html5等新的标准了~~~

安装

# Install the `electron` command globally
npm install electron-prebuilt -g

# Install
as a development dependency
npm install electron-prebuilt --save-dev

运行

electron .

打包

npm install -g asar

asar pack your-app app.asar

注意:包里面最好不要乱放东西,就放html,js,css,图片这些,然后把app.asar复制到atom-shell(或electron)目录下的resources里面,

然后直接双击electron.exe,你会发现打开的程序是你的,而不是原本默认的,还有这个asar的文件名一定是app;

时间: 2024-10-10 04:04:43

Electron的相关文章

electron 创建右键菜单

1.引入模块 const Electron = require('electron'); const remote = Electron.remote; const Menu = remote.Menu; const MenuItem = remote.MenuItem; 2. data() { return { isShowMember:false, menu:null, } }, created() { this.targetId = this.id; notificationCenter.

使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)

上文<使用 VS2017 和 js 进行桌面程序开发 - electron 之 Hello Word>介绍了如何使用 VS2017 开发 electron 桌面程序,今天来点有看头的,但是没什么技术含量,囧~~ 现在什么都讲究追赶潮流,觉得 QQ 登录窗口做的效果不错,既然刚学习 electron ,那么就用 electron 模仿一下.其实主要用到的就是 CSS3 的效果:边框圆角.阴影,3D变换.对,就这么简单.先上效果: 下面是关键代码: app.js 'use strict'; con

Electron的安装与 hello word

1.NodeJs安装 Nodejs中文网下载下载安装包:http://nodejs.cn/download/ 一系列下一步之后,安装完成,自带管理工具NPM.可以通过它下载一系列模块. 2.Electron安装 安装Electron的过程比较坎坷,尝试了三次才成功. 1.直接cmd 敲命令 1 npm install electron -g ,卡了一会,提示超时,安装失败. 2.在网上搜了一下,有人说因为服务器在国外,需要换源.好吧,那就安装一个Nrm 用来切换Npm的数据源,敲命令 npm i

Electron 前端页面导入jQuery 出现错误Uncaught ReferenceError: jQuery is not defined

如下: <script src="../assets/js/jquery-1.10.2.js"></script> 方法1 改为: <script>window.$ = window.jQuery = require("../assets/js/jquery-1.10.2.js")</script> 即可. 方法2: 或者在 win = new BrowserWindow({ webPreferences:{ node

Electron all the Angular 2 Things

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

Building a desktop application with Electron

非常棒的Electron入门文章: https://medium.com/developers-writing/building-a-desktop-application-with-electron-204203eeb658

基于Electron+.NET Core的前后端分离的跨平台桌面应用

Web做界面比原生桌面界面开发速度真心要快很多,而且组件也多. 分析: 1..NET Core和Electron都是跨平台的. 2.NET Core做后端很方便,但是没有GUI,Electron做桌面应用很方便,但是存在Node.js单线程跑CPU密集计算的弱点. 灵感: 那Electron启动后,调用NET Core程序运行在后台,作为本地后端,CPU密集计算直接扔给后端跑不就得了? 甚至于说,能不能Electron只负责展示层,NET Core负责所有的业务逻辑? 已知: NET Core通

Electron 构建桌面应用程序开发资料整理

Electron 是什么? Electron 是一个程序库,基于Electron库我们可以使用HTML.CSS.JS来开发跨平台桌面应用程序(building cross-platform desktop applications with HTML, CSS, and JavaScript.) 学习资源  Electron 官网文档  https://electron.atom.io/docs/ Electron 实现原理 ? Electron 结合了 Chromium 开源浏览器和带有一系列

使用Electron开发PC客户端

最近公司要求开发一个PC客户端,要求不能使用.NET开发(为了不让用户安装.net framework),所以就选择了Electron(随口听别人说了一句,之前从来没有接触过).目前项目要完毕了,所以就想记录一下在开发过程中遇到的一些问题和开发过程中的一些思路. 1.Electron的介绍 2.如何下载安装Electron 3.PC客户端是什么样的项目,它实现了什么功能 4.整体框架的描述 5.第一次启动软件需要做的事情 6.登录的实现:登录页面的加载 7.登录的实现:点击登录按钮后的操作 8.

Electron的介绍

1.1 Electron是什么? 引用官网的一句话: Build cross platform desktop apps with JavaScript, HTML, and CSS 1.2 诞生 技术背景: JavaScript近几年的全领域发展,个人理解JavaScript是思想对java的前进,从compile once,run everywhere转变为code once,run everywhere,由于JavaScript本身的是一门解释性的脚本语言,这让它逐渐的成为全宇宙使用最广泛