1.根据提示下载相应的东西 https://blog.csdn.net/az44yao/article/details/85242442 具体可以看这个链接 2.有个小坑,如果到了按照链接1的过程,遇到下载nsis-resources这个文件始终不能成功 则把nsis-resources下载下来的文件放到nsis中,如截图…
导航: (一)Electron跑起来(二)从零搭建Vue全家桶+webpack项目框架(三)Electron+Vue+Webpack,联合调试整个项目(四)Electron配置润色(五)预加载及自动更新(六)构建.发布整个项目(包括client和web) 摘要:整个项目就剩最后一哆嗦了,但仅仅是当作demo模版来说,实际项目的话,还有很多需要细化的地方.项目完整代码:https://github.com/luohao8023/electron-vue-template,随博客更新. 一.打包客户…
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/ 最后,没招了,只…
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…
最近在折腾把项目打包成桌面应用程序,发现一个工具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…
原始的方式打包 下载对应的版本号的Release Electron 然后把对应的项目方便整理成这样的目录结构(Windows下) node_modules重新安装,不然可能启动失败 把整文件夹给别人就可以了如果想改名子可以用改名工具rcedit 应用程序打包成一个文件 为了缓解windows路径名过长的问题(就是有可能无法顺利的进行copy),以及隐藏代码可以把应用打包成asar文件 (就相当于把文件夹压缩一下,而此种压缩Electron不用解压可以直接读取) 全局安装asar npm inst…
一.前言 项目本来打算采用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…
最近在学习nodejs,得知Electron是通过将Chromium和Node.js合并到同一个运行时环境中,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一门技术.对于之前一直从事flash AIR桌面应用开发的我迫不及待的想“尝尝鲜”. 首先,我们跟着Electron社区的快速入门程序(https://electronjs.org/docs/tutorial/quick-start)创建我的第一个electron App(HelloWorld). 1.在命令行里安装全局e…
安装electron-packager cnpm install electron-packager -g 配置package.json "scripts": { "start": "electron .", "package": "electron-packager . myClient --win --out ./output --arch=x64 --icon=./static/img/logo.ico --a…
打包方式1:DOS窗口命令打包 DOS 下,输入 npm install electron-packager -g全局安装我们的打包神器: cnpm install electron-packager -g 在项目文件夹下面,也就是根目录下面打开DOS执行打包命令: electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico -- --overwrite --ignore=node_modules…
出现这个问题 出现问题原因是程序占用 , 在后台进程中将Electron的服务干掉以后再打包…
一.安装配置环境 Electron(一种桌面应用程序运行时),Electron 把 Chromium 和 Node 合并到一个单独的运行时里面,很适合开发桌面 web 形式的应用程序,通过Node它提供了通常浏览器所不能提供的能力. 首先需要在电脑进行安装配置Node环境,下载Nodejs,安装的过程像安装QQ一样简单 通过npm全局安装electron npm install electron -g 这样你就可以在电脑的任意位置进行你想要的操作了 进入你要打包的H5网页的根目录 二.操作项目…
作者:long.woo 文件下载是我们开发中比较常见的业务需求,比如:导出 excel. web 应用文件下载存在一些局限性,通常是让后端将响应的头信息改成 Content-Disposition: attachment; filename=xxx.pdf,触发浏览器的下载行为. 在 electron 中的下载行为,都会触发 session 的 will-download 事件.在该事件里面可以获取到 downloadItem 对象,通过 downloadItem 对象实现一个简单的文件下载管理…
//传入对应的需要打包的file 集合对象 //文件打包下载     public static HttpServletResponse downLoadFiles(List<File> files,             HttpServletRequest request, HttpServletResponse response)             throws Exception {         try {             /**这个集合就是你想要打包的所有文件,…
问题产生原因:过多无用的模块被打包放入到程序中 解决: 删除 package-lock.json ,是由于这个文件导致打包时候放入过多文件,删除即可.…
1.安装 electron-packager 2.electron-packager 应用目录 应用名称 打包平台  左上角的图标和任务栏的图标  输出目录 架构 版本     win打包:  electron-packager . XD --platform=win32 --arch=x64 --icon=./icon.ico --out=./dist --asar --app-version=1.0.0   下图为打包成功     3.这个时候已经可以进行安装使用了,但因为安装程序默认只会安…
打包之前需要修改如下配置文件: 配置文件一:build>>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件(图片路径失效)的问题) 配置文件二:config>>>index.js(修改assetsPublicPath:'./' ,修改目的是为了解决js找不到的问题) 打包好后双击index.html可以正常浏览网页就说明没问题了…
前端使用基于vue的Nuxt框架,但是随着项目功能增多,项目变大,频繁出现此种情况,原因是项目太大,导致内存溢出,排除代码问题外,可参照以下方式解决 解决方案 1.全局安装increase-memory-limit npm install -g increase-memory-limit 2.进入工程目录,执行:increase-memory-limit 嗯,就酱~~…
1,全局安装electron-packager npm install electron-packager -g 2,打包,进入要打包的文件夹 electron-packager . app --platform=win32 --arch=x64 --electron-version=1.7.10 在同一文件夹目录下会生成app-win32-x64文件夹…
注意:这是2.x的文档 const {app} = require('electron') let myWindow = null const shouldQuit = app.makeSingleInstance((commandLine, workingDirectory) => { // Someone tried to run a second instance, we should focus our window. if (myWindow) { if (myWindow.isMin…
1.全局安装electron-packager npm install -g electron-packager 2.在项目目录下执行命令 electron-packager ./ --platform=win32 --arch=ia32 --platform 是发布平台 win32指windows平台 linux darwin --arch=ia32 指32位windows 64位的则为x64 3 notice package.json里面的name字段不能太长,最好不要有-等特殊字符 ele…
今天我在搜索数据库里面优惠码字段 直接使用 select * from table 的命令的时候 由于 第一个 字段过长导致后面的都无法显示全..我还是宽屏! 所以 搜索了一下 可以让 它单行显示 使用这个命令就解决问题了 select * from table\G;…
跟工具栏有关 <div id="tb"> <div style="float:left;"> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" onclick="javascript: addServer();">新建</a>…
1.初始化node项目,生成package.json文件 npm init 2.安装electron,并保存为开发依赖项 npm install electron -D 3.根目录下新建index.js文件 const {app, BrowserWindow} = require('electron') let mainWindow function createWindow () { mainWindow = new BrowserWindow({width: 800, height: 600…