Electron的环境配置
原文地址http://huisky.com/blog/161218121551123
本文介绍了Electron的环境配置,包括Electron下载、nodejs下载安装、NPM+Bower安装配置、app打包。
1. Electron下载
Electron - Build cross platform desktop apps with JavaScript, HTML, and CSS,即提供了一个利用JavaScript、HTML、CSS构建桌面应用的平台,实例Atom、vscode。
目github托管地址https://github.com/electron/electron
release下载https://github.com/electron/electron/releases,我的电脑是win7 64位,这里选择下载了electron-v1.3.3-win32-x64.zip.
2. nodejs下载安装
- 官方下载 msi 安装 或 下载zip手动添加路径到系统环境变量Path
- 检查是否配置成功, cmd中输入
node -v
回车执行,如果安装成功会显示版本号 - 检查npm(NPM是随同NodeJS一起安装的包管理工具) ,cmd中输入
npm -v
,如果安装成功会显示版本号
3. NPM+Bower安装配置
先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立“node_global”及“node_cache”两个文件夹。我们就在cmd中键入两行命令:
npm config set prefix "C:\node\node_global"
npm config set cache "C:\node\node_cache"
设置系统变量。进入
我的电脑-属性-高级-环境变量
。在系统变量下新建“NODE_PATH”,输入C:\node\node_modules
安装bower:在cmd中键入
npm install bower -g
, -g表示全局。进入node,输入require('bower')
显示如下表示 安装成功!
安装配置参考http://jingyan.baidu.com/article/2d5afd69e243cc85a2e28efa.html
4.app打包
- 安装asar,cmd>
npm install -g asar
- 打包:cmd下cd到asar的目录,cmd>
asar pack E:\electron\resources\app E:\electron\resources\app.asar
- 包里面建议只放放html、js、css、图片这些,要存储的数据还是要放在外面;然后把app.asar复制到electron目录下的resources里面,然后直接双击electron.exe,你会发现打开的程序是你的,而不是原本默认的,还有这个asar的文件名一定是app
- 打包精简
- 更改Electron名称、icon:你可以将electron.exe改成任意你喜欢的名字,然后可以使用像 rcedit或者ResEdit编辑它的icon和其他信息
-至于asar的访问,只需要把asar包当成一个文件夹即可,如果js和html在包内部可以直接访问
外部需要使用io.js来访问
https://github.com/electron/electron/blob/master/docs-translations/zh-CN/tutorial/quick-start.md
参考资料:
Electron的环境配置的更多相关文章
- ELECTRON开发环境配置方法
1.下载并安装Node.js 下载地址:https://nodejs.org/en/download/current/ 安装之后进行验证 2.下载并这装electron 安装命令:npm instal ...
- uboot环境配置
uboot环境配置 通过配置uboot让它在启动过程中从tftp获取内核和设备树,并从在加载内核之后把通过启动参数将"从nfs挂载根文件系统"传入内核.这个配置主要是通过uboot ...
- 史上最全Windows版本搭建安装React Native环境配置
史上最全Windows版本搭建安装React Native环境配置 配置过React Native 环境的都知道,在Windows React Native环境配置有很多坑要跳,为了帮助新手快速无误的 ...
- Python开发环境配置
好久没有写博客了,自从6月份毕业后,进入一家做书法.字画文化宣传的互联网公司(www.manyiaby.com),这段时间一直在进行前端开发,对于后端的使用很少了,整天都是什么html.css.jav ...
- PHP_环境配置_python脚本_2017
Apache配置 需要安装:VC2015 httpd-2.4.16-win32-VC14.zip VC14就是2015的环境. 又比如:php-5.6.12-Win32-VC11-x86 VC11就是 ...
- PHP环境配置
PHP环境配置 1.Apache的安装 第一步: 1. 双击httpd-2.2.17-win32-x86-no_ssl.msi.出现 Windows 标准的软件安装欢迎界面,直接点“Next”继 ...
- Visual studio 通用开发环境配置:SDL,FFMPEG为例
引言 每一个C++库的使用都是从开发环境的配置开始的,其实每个库的配置过程都是大同小异,总结下来有下面几个步骤: 下载库文件,这里假定是已经预先编译完成的. 配置库文件的包含目录(include)和库 ...
- windows 7下React Native环境配置
React Native 是 Facebook 推出的一个用 Java 语言就能同时编写 ios,android,以及后台的一项技术,它可以做到实时热更新 .FaceBook 也号称这们技术是 “Le ...
- seL4环境配置
转载声明:希望大家能够从这里收获知识之外,也能够体会到博主撰写博客的辛苦.个人博客势单力薄,对于强转甚至转载博客访问量高于原文的例子不在少数. 希望能够得到大家关注的同时,也能够稍微体谅一下博主的 ...
随机推荐
- jquery.uploadify文件上传组件
1.jquery.uploadify简介 在ASP.NET中上传的控件有很多,比如.NET自带的FileUpload,以及SWFUpload,Uploadify等等,尤其后面两个控件的用户体验比较好, ...
- 移动硬盘不能识别的常见7种解决方案 ~ By 逆天经验
服务器汇总:http://www.cnblogs.com/dunitian/p/4822808.html#iis 服务器异常: http://www.cnblogs.com/dunitian/p/45 ...
- AES加密
package com.edu.hpu; import java.math.BigInteger; import java.security.MessageDigest; import java.se ...
- Android数据加密之MD5加密
前言: 项目中无论是密码的存储或者说判断文件是否是同一文件,都会用到MD5算法,今天来总结一下MD5加密算法. 什么是MD5加密? MD5英文全称“Message-Digest Algorithm 5 ...
- ASP.NET Core中如影随形的”依赖注入”[上]: 从两个不同的ServiceProvider说起
我们一致在说 ASP.NET Core广泛地使用到了依赖注入,通过前面两个系列的介绍,相信读者朋友已经体会到了这一点.由于前面两章已经涵盖了依赖注入在管道构建过程中以及管道在处理请求过程的应用,但是内 ...
- SQL Server-聚焦计算列或计算列持久化查询性能(二十二)
前言 上一节我们详细讲解了计算列以及计算列持久化的问题,本节我们依然如前面讲解来看看二者查询性能问题,简短的内容,深入的理解,Always to review the basics. 持久化计算列比非 ...
- Entity Framework 教程——Entity Framework中的实体类型
Entity Framework中的实体类型 : 在之前的章节中我们介绍过从已有的数据库中创建EDM,它包含数据库中每个表所对应的实体.在EF 5.0/6.0中,存在POCO 实体和动态代理实体两种. ...
- scala练习题1 基础知识
1, 在scala REPL中输入3. 然后按下tab键,有哪些方法可以被调用? 24个方法可以被调用, 8个基本类型: 基本的操作符, 等: 2,在scala REPL中,计算3的平方根,然 ...
- 枚举:enum
枚举 所谓枚举就是指定好取值范围,所有内容只能从指定范围取得. 例如,想定义一个color类,他只能有RED,GREEN,BLUE三种植. 使用简单类完成颜色固定取值问题. 1,就是说,一个类只能完成 ...
- Entity Framework 6 Recipes 2nd Edition(13-7)译 -> 返回只部分填充的实体
问题 你有一个实体里的某个属性很少被读取或和更新,这个属性因为比较大,所以读取和更新都需要付很大的代价.你想有选择的放置这个属性 解决方案 假设你有一个如Figure 13-9 所示的模型 Figur ...