最近在折腾把项目打包成桌面应用程序,发现一个工具electron,可以讲项目打包成一个跨平台的应用程序,很方便,来学习一下. 1.先安装electron.electron-packager,安装方法可以使用package.json文件配置,然后npm install也可以使用cnpm安装,速度会快点,具体如下:npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm i package.json如下: { "name&q…

Electron 打包时下载 xxx-electron-v1.6.8--x64.zip 文件出错 今天在windows上打包其它平台的Electron应用的时候,由于是第一次,所以总是下载 xxx-electron-v1.6.8--x64.zip 失败.设置了代理,还是失败. 修改了~/.npmrc文件,在其中增加了ELECTRON_MIRROR,但是打包时仍然出错. ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/ 最后,没招了,只…

原始的方式打包 下载对应的版本号的Release Electron 然后把对应的项目方便整理成这样的目录结构(Windows下) node_modules重新安装,不然可能启动失败 把整文件夹给别人就可以了如果想改名子可以用改名工具rcedit 应用程序打包成一个文件 为了缓解windows路径名过长的问题(就是有可能无法顺利的进行copy),以及隐藏代码可以把应用打包成asar文件 (就相当于把文件夹压缩一下,而此种压缩Electron不用解压可以直接读取) 全局安装asar npm inst…

1.全局安装electron npm install electron -g 在cmd 直接输入 electron 直接启electron 2.编写第一个Electron应用 在任何地方,建立一个app的目录并新建3个文件: app/ ├── package.json ├── main.js └── index.html package.json { "name" : "your-app", "version" : "0.1.0&quo…

具体步骤请参考:http://blog.csdn.net/a727911438/article/details/70834467 打包时出现了不少问题,逐一记录下来以供其他人参考. package.json文件内容 { "name": "appname", "version": "0.1.0", "main": "./main.js", "scripts": { &q…

最近一直在做electron应用的打包,集成mac版本的自动更新时出现了问题. Error: Could not get code signature for running application 无法获取当前应用的代码签名. (首先声明:由于mac的签名机制,npm run dev 是肯定没有签名的,以下所述都需要在npm run build 下打正式包) 百思不得其解,试过了各种办法,研究了N遍官方文档,发现现实和书上写的还是不一样.注意到一直是npm run build打包的时候都无法签…

electron是什么 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的. 快速开始electron 直接运行github上关于electron的构建工具 git clone https://github.com/electron/electron-quick-start cd…

用electron-packager进行打包 这个模块的文档写的真的垃圾 1.先看看首页的参数介绍 就是说必选参数就是源码路径和app名字和--platform还有--arch咯,而且源码路径也没说是打开后的,还是打开前的   2.再看具体参数文档 这他妈写了个啥,意思是,必选参数只有源码路径?其他随便填?先不管,先OK 3.再往下看 参数有aftercopy和afterExtract?这是什么参数,要怎么写? 还是说这意思是可选参数是两个函数数组吗?里面再填其他的? 错了,都不是,可选参数从下…

1.前提条件 a. 安装了node b.安装了electron c.你知道自己写的东西(js,css,html等等)放在那个文件夹(假设这个文件夹命名为 app,下面会用到)中 2.安装electron-packager a.在app文件夹中打开命令窗口(在空白处使用 shift + 鼠标右击 就可以看到) b.在命令栏中输出 npm install electron-packager -g 安装完毕后,确保在配置文件 package.json (通常放在 app/) 中的dependenice…

一.前言 项目本来打算采用B/S架构去做的,浏览器网址方式打开还是让用户不方便: 二.使用electron集成桌面应用 本身项目是使用vue-cli开发的,在使用electron之前,需要将本身的项目打包好后打开index.html能显示网页.因为刚接触便直接拿官方demo进行打包了. 1.克隆官方demo:git clone https://github.com/electron/electron-quick-start 2.cd electron-quick-start->npm insta…