基于electron+vue+element构建项目模板之【自定义标题栏&右键菜单项篇】_李拜天呀-编程思维

1、概述 开发平台OS:windows 开发平台IDE:vs code 本篇章将介绍自定义标题栏和右键菜单项,基于electron现有版本安全性的建议,此次的改造中主进程和渲染进程彼此语境隔离,通过预加载(preload.js)和进程间通信(ipc)的方式来完成。 2、窗口最大化  一些应用在实际情况中,希望启动的时候就以窗口最大化的方式呈现,BrowserWindow对象提供了窗口最大化的方法

electron打包vue项目_曦12-编程思维

创建项目 点击这里 添加electron-builder 1、在项目目录下运行命令:vue add electron-builder 2、electron-builder添加完成后会选择electron版本,直接选择最新版: electron下载失败 vue add electron-builder下载electron会下载失败,使用淘宝镜像下载:cnpm i electron 窗体运行 1

electron-builder打包配置说明_曦12-编程思维

发现问题 通过vue建立的项目使用electron-builder打包(不会eletron打包vue项目的看这里)出exe后发现名字就直接是项目文件夹的名字,但此时想自定义汉字名称,通过尝试直接修改package.json中的name后发现此法仅限于修改为英文名称,汉字会报错无法打包。 踩坑过程 在网上翻阅后发现有人直接在package.json中这样添加build: "scripts": {

electron小白入门自学笔记(一)_echoyya、-编程思维

码文不易啊,转载请带上本文链接呀,感谢感谢 https://www.cnblogs.com/echoyya/p/14297176.html 目录码文不易啊,转载请带上本文链接呀,感谢感谢 https://www.cnblogs.com/echoyya/p/14297176.html一、从Hello Electron开始二、制作设置菜单 Menu三、主进程(Main Process)和渲染进

electron入门demo之桌面应用计算器笔记(二)_echoyya、-编程思维

码文不易啊,转载请带上本文链接呀,感谢感谢 https://www.cnblogs.com/echoyya/p/14307996.html 目录码文不易啊,转载请带上本文链接呀,感谢感谢 https://www.cnblogs.com/echoyya/p/14307996.html简要绘制一下该Demo的主要功能简短描述一下所用到的基础知识准备工作进程之间的通讯,传递颜色值和字体大小变化的指令代

electron学习(四)之应用程序打包_久曲健-编程思维

写在前面 人真的是会变得越来越懒的,也正是人的惰性吧,真的是很讽刺。 关于这个应用程序的开发,断更了很久,但是代码部分还算没落下吧,终于在周一、周二终把这个应用程序写完了。 开发完不是终点。而是打包后可以使用才真的算是结束吧。 如何将应用程序打包(Win) 1、关于package.js文件详解 完整实例如下: "build": { "productName":"xxxx",//项目名 这

electron-vue项目中开发环境中的axios跨域问题_丶serendipity丶-编程思维

前言   上一篇总结了前端对 axios 的理解和常见的项目中的封装使用方法,这期记录一下 electron-vue 项目中开发环境下解决 http 、https请求跨域的问题。 正文   1.为什么有跨域的存在?   前后端分离的一种开发模式下,在前端客户端向服务端发送 ajax 请求的时候受到同源策略的限制,因为 ajax是基于http 协议的异步 JavaScript 和 XML,是一种

electron-vue项目踩坑--typeerror : this.$electron.remote.dialog.showopendialog (...) .then is not a function ,对话框回调问题_丶serendipity丶-编程思维

前言   记录 electron-vue 项目开发中遇到的一个报错,TypeError : this.$electron.remote.dialog.showOpenDialog (...) .then is not a function...学了electron 后,想在项目中使用 dialog.showOpenDialog () 这个API 来实现文件上传功能,遇到了一些版本问题的小 bu

从零搭建基于webpack的electron-vue3项目(1)——基于webpack的vue3项目搭建_w4ngzhen-编程思维

从零搭建基于webpack的Electron-Vue3项目(1)——基于webpack的Vue3项目搭建 前言 本篇文章内容,主要是基于webpack的Vue3项目开发环境进行搭建,暂时还不涉及到Electron的整合。可以独立的当作一个内容来进行阅读。 项目创建 创建目录electron-vue3-webpack并进入执行npm init命令。设置了基础的项目信息后,我们开始本次的环境搭建之旅

从源码解析electron的安装为什么这么慢_w4ngzhen-编程思维

前言 Electron作为一款跨平台的桌面应用端解决方案已经风靡全球。作为开发者,我们几乎不用关心与操作系统的交互,直接通过Web前端技术与Electron提供的API就可以完成桌面应用端的开发。 然而,为什么国内使用Electron的踩坑文章数不胜数,主要原因是Electron为了支持跨平台,为不同的操作系统平台进行了适配,将chromium内核与node集成到了一起,屏蔽了底层操作系统的细节

electron 关于jquery不可以用_敖毛毛-编程思维

前言 electron 实际是在google 内核上开发,实际上和我们在浏览器还是有些区别的。 jquery 在electron 上引用是会出错的。 正文 解决方案 如果不做任何操作,在Electron中直接使用jquery会没有效果或直接产生异常,解决方案如下: 将jquery.min.js文件中最前的 ! function(a, b) { "object" == typeof module

lowdb 在electron 使用中注意的问题_敖毛毛-编程思维

前言 可能很多人都没有听说过这个lowdb,但是它的确存在,而且在electron 中用到还是挺多的。 如何在electron 的render 进程中是引用electron 模块。 我们知道一个问题,那就是app 模块是main 进程中特有的那么,render 进程中要使用必须这样:import { app, remote } from 'electron' // 引入remote模块 然后re

使用 electron 构建桌面应用(拖动控制篇)_lonely,lonelyburning-编程思维

使用 Electron 构建桌面应用(拖动控制篇) 当窗口被定义了大小,我们也就是在自定义这个窗口,使得它不可拉伸没有框架,让它看起来就像一个真正的声效器浮在桌面上。 现在问题来了 – 要如何移动或者关闭一个没有标题栏的窗口。 很快我就会说到自定义窗口(和应用)的关闭动作,还会谈到如何在主进程和渲染器进程中通信。不过现在让我们先把目光聚焦到“拖拽效果”上。你可以在 app/css 目录下找到 i