1. 控制应用视窗大小 构建桌面应用时,我们要考虑我们的应用程序需要如何让用户来使用,那么我们需要提供一个视窗,那么该视窗可以最大化展示,也可以最小化展示,当然我们也希望可以全屏运行. 在electron中,我们可以配置我们的视窗的尺寸大小.首先还是来看下我们的demo的项目结构如下: |---- electron-demo | |--- node_modules # 依赖包 | |--- index.html # html文件 | |--- main.js # 入口文件 | |--- pack

VPN非常注意: 编译的过程需要使用VPN, 否者chromium的源代码无法下载, 后面会出现总总问题 Electron的编译环境, 推荐使用物理机: win10 64位 英文版, 为了避免后期出现编译文件, 推荐使用64为的win10 node-v6.11.0-x64, node版本最好在6.x, 高版本的可能编译不成功 python-2.7.10.amd64, python要求版本2.7.10 , 版本不要太高 Git, 使用最新版本即可 vs 2017 community,vs2017 

在之前的文章我们介绍了一下Electron的这个remote模块,接下来我们继续说一下Electron的右键菜单的制作. 在我们日常我们使用的软件中都会存在右键菜单的情况,比如我们用到的浏览器,开发所用到的代码编辑器都有右键菜单,可以方便我们的日常操作,接下来我们就来看一下用Electron如何实现右键菜单,接上一章的目录: 接下来我们要在idnex.html 中使用右键菜单,右键菜单其实和我们之前所说过的顶部菜单栏其实是差不多的,所以我就引用了一下在介绍菜单栏时的一些代码并进行了改进,如下:

码文不易啊,转载请带上本文链接呀,感谢感谢 https://www.cnblogs.com/echoyya/p/14297176.html 一.从Hello Electron开始 创建一个空的文件夹,并创建入口 main.js 文件,index.html内容文件, 安装electron npm init -y:初始化配置文件 package.json npm i electron main.js 文件 引入模块,创建应用 创建窗口 加载内容 打开调试工具(可选) 关闭窗口及应用监听 执行文件 直

今天在安装electron时设置了代理,发现再npm install 安装别的总是装不上,只好取消代理. npm 取消代理 npm config delete proxy

使用说明:此文档包含所有的Linux命令,只有你想不到的没有你看不到的,此文档共计10万余字,有8400多行,预计阅读时间差不多需要3个小时左右,所以要给大家说一说如何阅读此文档 为了方便大家阅读,我这里做了相关索引,建议使用搜索的方式阅读,如果您有大把时光去阅读的话您可以试着去 第二个方法就是找我要电子版文档 搜索的话直接使用浏览器的搜索方式就可以了,我这里使用谷歌浏览器进行演示 打开文档 打开谷歌的搜索,键入ctrl+f 右上角出现搜索框后,直接在搜索框中输入要查询的命令,但是查询结果有很多

/** * Created by Administrator on 2016/11/23. * 页面对窗口的一些操作封装,用于渲染进程 */ "use strict"; const Common = require('../../window/common.js'); const { ipcRenderer, remote } = require('electron'); const WinReg = require('winreg'); const RUN_LOCATION = '\

electron设置托盘 // 设置系统托盘 const setAppTray = () => { // 托盘对象 var appTray = null // 系统托盘右键菜单 var trayMenuTemplate = [ { label: '退出', click: function() { // ipc.send('close-main-window'); app.quit() } } ] // 系统托盘图标目录 let trayIcon = path.join(__dirname, '.

win10 使用PowerShell 设置单应用kiosk模式 win10 家版或企业版PowerShellshell 启动器 v1Autologon.exe 注意事项 win10 家庭版或企业版. 下载安装Autologon.exe. Shell 启动器 v1调用的应用程序不可有黑窗(类似cmd). 以下示例采用账号:- 账户:'KIOSK'- 密码:'KIOSK' 设置步骤 新建用户 1.进入windows设置->账户->其他用户,点击'将其他人添加到这台电脑':2.右键用户,点击新用户,

注意事项 下载安装Autologon.exe. 以下示例采用账号:- 账户:'KIOSK'- 密码:'KIOSK' 设置步骤 新建用户 1.进入windows设置->账户->其他用户,点击'将其他人添加到这台电脑':2.右键用户,点击新用户,如图下操作: 下载并执行AUTOLOGON.EXE:自动输入 WINDOWS 登录用户密码 开启功能:输入正确账号和密码后,点击图片'Enable'. 关闭功能:输入正确账号后,点击图片'Disable'. 用户SID查询 powerShell执行'wmi

在当前工程下,添加一个 .vscode/launch.json 文件 { // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.

双击放大后窗口只是在最左上角,并没有放大, 或者放大了页面变形,如图 原因: 是设置了窗口 transparent: true,和背景色导致的, 不要设置就可以,默认为false mainWindow = new BrowserWindow({ height: 600, width: 960, frame: false, minWidth: 820, minHeight: 560, offscreen: true, webPreferences: {webSecurity: false}, re

问题报错信息如图 上面的代码在dev模式下不报错,但是在build后,安装后,运行会提示错误,错误信息的大意是参数错误,原因应该是安装后的图片文件路径有问题,这块没有详细研究解决上面的问题的方法,是使用nativeImage代替字符串路径 new Tray(nativeImage.createFromPath(path.join(__dirname, 'xxx.png'))) 上面的代码打包后,也有可能找不到图标路径,虽然不报错,但是图标是空的,如果使用ecectron-vue,可将图标放在根目

Let’s say you’re building some sort of ingenious mechanical contraption to be displayed in public that involves using a Windows 10 tablet as an interface. You’ve written or found the perfect app to use this contraption with and now everything is set

参考博客:https://blog.csdn.net/qq_20264891/article/details/87721163

解决办法 参考博客:https://blog.csdn.net/hwytree/article/details/103167175

在看张鑫旭博客得时候看到了electron这个东西,来了兴趣,就按照上面写的将已经做好得vue项目拿来试了试,出乎意料得顺利 electron简单说下electron,就是把 chrome内核和你的项目文件打包成一个程序,和移动端得混合应用有点类似.当然实现起来肯定没有说得这么简单得. 那么怎么做呢? 首先,你电脑上面要有git 和 node ,git可以不要,不过最好安装了,Node必须要. 第二步  使用git clone  https://github.com/electron/elect

一.前言 项目本来打算采用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

Visual Studio Code (简称 VS Code)是由微软研发的一款免费.开源的跨平台文本(代码)编辑器,在十多年的编程经历中,我使用过非常多的的代码编辑器(包括 IDE),例如 FrontPage.Dreamweaver.EditPlus.EmEditor.Notepad++.VIM.Sublime Text.Xcode 等等.它们都是很优秀的编辑器,尤其是 Sublime Text ,十分适合 web 开发. VS code有着 软件设计理念和它背后的团队,从软件架构.资金资源和

原文地址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. 目