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

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

把现有的typesctipt+react项目接入到electron - 编程思维

项目地址 ts-react-electron 之前有发过一个typesctipt+react的简单模板,写起来很舒服.考虑到以后的需要,先把它接入到electron,供备用! 先来讲一下一些差异点: webpack配置target为electron-renderer(否则热更新之类的功能会出问题) 启动本地调试服务器时不打开浏览器 开发环境electron loadURL打开localhos

electron + antd + mobx 环境搭建 - 编程思维

最近要重构一版桌面管理软件。业务需求与WEB版基本一致,但需要用到断点续传等本地功能。最经济的办法当然是移植到Electron环境中。 之前的应用框架主要用到了以下React套餐: React React-Router 路由 Mobx 数据管理 AntDesign 界面组件 经过一天时间的摸索大致找到了门路,构建完成后写了一个脚手架,欢迎下载。 下面回顾一下本次环境搭建的过程。 安装AntD

使用webpack + electron + reactjs开发windows桌面应用 - 编程思维

electron是一两年前挺火的一个框架本质上是一个浏览器,但是集成了很多windows系统的功能,让前端开发也可以直接操作windows的窗体,做成一个实打实的桌面软件 团队主要的技术栈是react,所以考虑用react开发,方便维护。 PS.由于项目是大半年前做的,所以一些细节可能记忆有误请见谅 几个重点:1.想要能调试必须使用webpack打包,不能用react那些常用的打包脚手架,因为w

mob 诞生记 - 编程思维

前言 最近一个月沉迷喜马拉雅无法自拔,听相声、段子、每日新闻,还有英语听力,摸鱼学习两不误。上班时候苦于没有桌面端,用网页版有些 bug,官方也不搞一个,只好自己动手了。样式参考了一下 Moon FM /t/555343,颜值还过得去,自我感觉挺好 😜😜😜 简介 Mob(モブ), 异能超能 100的男一号。 GitHub: zenghongtu/Mob基于 Electron, Umi, Dva,

electron 打包 react项目 - 编程思维

Electron 打包 React项目 本篇内容将记录并介绍使用Electron来打包已有的React项目; 1、安装Electron npm install -g electron npm install -D electron 我这里使用的是全局安装electron,原因是因为electron包比较大,而且运行Electron这一操作是可复用的,所以我认为全局安装electron更加合适,这

给女朋友写了一款剪贴板app - 编程思维

Git地址:https://github.com/sunxiuguo/VisualClipboard 背景 女票:有的时候复制粘贴过的内容还想再看一下,然而又忘了原来的内容是在哪了,找起来还挺麻烦的 我:看爸爸给你写个app,允你免费试用! 女票:??给你脸了? 动手 咳咳 是动手开始写代码, 不是被女票动手打 虽然从来没写过electron,但是记得这货是支持剪贴板API的,那就撸袖子开始

electron:使用 react 作为 renderer - 编程思维

前言🌱 通过之前对 Electron 的了解,现在多少也能看出 Electron 的一些特点。 其中,Main Process 用来调度各个 Renderer Process;而各个 Renderer Process 实际上就是 web+(比 web 功能要强,姑且就允许我这么叫一次吧),他们除了 web 应用本身所拥有的特征之外,还可以通过引入 Electron 来扩展,当然也可以使用 Nod

快速用electron生成一个pc端应用 - 编程思维

写在前面的 在使用Electron开发应用的过程中遇到了很多小的bug,这些bug有的解决方案尚且有用,有的bug已经过时了。网上的帖子有很多,质量层次不齐,如何去引入解决问题云云,很多的bug是框架自身的问题甚至还活在issues里。为了便于开发electron应用,我整理了三个模板仓库便于直接应用于开发,因为本地没有OSX的环境,所以都是在Win10完成的开发,这也是解决起来最麻烦的。 仓库

在react中使用electron - 编程思维

本文用于记录在react-create-app生成的react项目中配置electron的步骤。完整项目见github效果:使用react-create-app生成react项目。安装electron:npm install electron 如果安装过程中在install.js出错,可参考:解决安装electron卡在node install.js 不动问题。在package.json中的最外层

pdf.js electron viewer - 编程思维

PDF.js 是基于 HTML5 解析与渲染 PDF 的 JavaScript 库,由 Mozilla 主导开源。本文旨在介绍 PDF.js 于 Electron 里如何开始使用,实际尝试了用其 API 或嵌入 HTML 的几种方式。代码: https://github.com/ikuokuo/el...从零准备项目项目采用 Electron React Antd PDF.js 来实现,以下是从零

自己做了一个p2p网盘加速器,基本不限速!——enfi下载器 - 编程思维

pandownload会被限速,这众所周知,先看下我这个网盘的下载速度吧 下面我说说为啥我这个支持免登陆下载,而且不受到百度网盘的 大部分百度网盘加速器都是用的airi2多线程下载,硬破解的这条路很容易被针对,再加上需要登录百度网盘账号,所以一旦速度异常被侦测到,连带着账号也完蛋,一起被限速,并且没有很好的解决办法,只能办个会员。 而【ENFI下载器】有所不同,使用的是P2P技术,说到P2P,最

从零开始使用electron + jquery开发桌面应用 (三) 注意事项 - 编程思维

之前两章写了electron的基本用法,本来想接着写用jquery去完整的写一个程序来着,但是考虑到一是js实在没啥好写的,再就是我现在写的这个程序并不想开源,所以一直就没写下去。这两天重装系统后重新配置了环境变量,再执行时遇到一些坑,就记录下来,以免以后再进坑。 一、electron引用jquery.js electron不能像正常的html文件引用jq.js那样(为嘛不造),elecron引

快速入门 - 编程思维

快速入门 Electron提供了丰富的本地(操作系统)的API,使你能够使用纯JavaScript来创建桌面应用程序。与其它各种的Node.js运行时不同的是Electron专注于桌面应用程序而不是Web服务器。 这并不意味着Electron是一个绑定图形用户界面(GUI)的JavaScript库。取而代之的是,Electron使用Web页面作为它的图形界面,所以你也可以将它看作是一个由Java

俄罗斯方块游戏自动机 - 编程思维

《用electron制作俄罗斯方块游戏》 后续文章,智能程序玩俄罗斯方块游戏。 背景 前不久用ES6完成了基本的俄罗斯方块游戏,今天已经完成了一个初步的智能算法,可以自动玩俄罗斯方块了,让自己的想法朝实现更近了一步。 效果图 第一次运行,消除了1398行,窃喜!最高记录3676行。 程序结构 主要关注智能算法,结构简单化,全部放在了index.js中。 用定时器驱动游戏 function au

调试主进程 - 编程思维

调试主进程 浏览器窗口的DevTools只能调试渲染进程的脚本(比如Web页面)。为了提供一种方法来调试主进程中的脚本,Electron提供了 --debug 以及 --debug-brk 的选项开关。 命令行开关 使用下列命令行切换到调试Electron的主进程模式: --debug=[port] 这个开关将使得Electron使用V8调试协议侦听在指定端口上。默认侦听端口是5858。 --d

electron折腾笔记 - 编程思维

背景 部门的项目每次开发都需要手动开启三个服务:server、webpack、grunt,每个服务都要输入一些东西(端口号,项目命,项目类型,启动器名)。而且,在推送调试的时候,这三项服务非常容易被终止掉,然后又得一个个开起来,总之每天都要来上那么10几遍吧。看图: <!-- more --> 思考 如果可以一键启动三个服务,又可以免去手动输入参数岂不又多了点偷懒的时间? 功能 一