文章 2024-04-28 来自:开发者社区

Electron Markdown编辑器实战:资源管理器实现

前言 平时记笔记的时候一般使用VsCode写markdown,不过在本地写的话上传图片就需要搭配图床来使用,不然的话这种markdown发布到其他地方就有问题。想着能折腾就折腾的心态,干脆就自己实现一个好了。需要实现的功能如下: 资源管理器——包括文件/文件夹的: 创建 删除 复制 移动 重命名 ...

Electron Markdown编辑器实战:资源管理器实现
文章 2024-01-29 来自:开发者社区

Electron 从基础到实战笔记 - Electron App对象及其事件

Electron 从基础到实战笔记主进程.app对象(1) Electron App对象及其事件1. app 对象概述app 对象用于主进程中,它通过发出一些列事件来控制 应用程序的事件生命周期import { app } from 'electron'; // ES 模块 // 或者使用 CommonJS模块,这个取决于你在 package.json 中的配置 const { app } =.....

文章 2022-10-19 来自:开发者社区

electron实战 - 项目搭建

工欲善其事,必先利其器从0入门electron + react  之 项目初始化搭建。正所谓,你要去当一个运动员之前,你必须有一个好的底子,而我们本章就着重于项目初始化搭建。安装依赖与环境1. 我们需要安装判断electron的开发环境插件 npm install electron-is-dev --save-dev 2. 安装渲染进程的react开发环境 npx create-rea....

文章 2022-06-25 来自:开发者社区

命令行终端是怎么做的?教你写一个命令行终端[electron实战]

前言Electron很出名,很多人可能了解过,知道它是用来开发桌面端的应用,但是一直没有在项目中实践过,缺乏练手的实践项目。很多开源的命令行终端都是使用Electron来开发的,本文将从零开始手把手的教大家用Electron写一个命令行终端。作为一个完整的实战项目示例,该终端demo也将集成到Electron开源学习项目electron-playground中,目前这个项目拥有800+ Star....

命令行终端是怎么做的?教你写一个命令行终端[electron实战]
文章 2022-06-23 来自:开发者社区

Electron + Vite + TS + Vue3打开新窗口实战

1.基础项目搭建还没有简单基础项目的小伙伴赶紧搭建一个 Electron 项目,具体可以参考: Electron + Vue3 + TS + Vite 桌面应用项目搭建教程 。我们先来看一下基础的项目目录结构吧,如下图:本篇文章我们重点关注 electron-main 这个目录,该目录就是 electron 项目的主进程目录,我们将在这里面封装打开新窗口的一些方法。2.实现目标有了目标我们才能更....

Electron + Vite + TS + Vue3打开新窗口实战
文章 2022-02-17 来自:开发者社区

Electron-vue实战-每日清单---04登录页面与开机自启动的实现

Electron如何加载vue页面的呢第一步 createWindow(),创建窗口在src/main/index.js中的createWindow()函数中,Electron-vue已经为我们写好了创建窗口的实例。在这里调用到了BrowserWindow,具体的参数设置以及使用参考官方文档。这里我们先引入BrowserWindow:import { BrowserWindow } from '....

Electron-vue实战-每日清单---04登录页面与开机自启动的实现
文章 2022-02-17 来自:开发者社区

Electron-vue实战-每日清单---03功能介绍与环境搭建

项目地址,欢迎批评指正,随手Star哟Electron-vue实战-每日清单—01Electron-vue的使用Electron-vue实战-每日清单—02Electron-vue的目录详解Electron-vue实战-每日清单—03功能介绍与环境搭建是什么每日清单其实就是一个to-do-list功能(包括已完成) 登录 我的清单添加待作删除待作修改待作 已完成 垃圾箱 数据统计 系统设置开机自....

文章 2022-02-17 来自:开发者社区

Electron-vue实战-每日清单---02Electron-vue的目录详解

项目地址,欢迎批评指正,随手Star哟Electron-vue实战-每日清单—01Electron-vue的使用Electron-vue实战-每日清单—02Electron-vue的目录详解Electron-vue实战-每日清单—03功能介绍与环境搭建my-project├─ .electron-vue│ └─ build.js打包时调用,在package.json中的script里的build....

文章 2022-02-17 来自:开发者社区

优酷播放体验优化实战(六)--Electron跨平台进阶:Native播放器融合

前言随着桌面应用开发技术的发展,程序的跨平台性和代码的维护成本显得尤为重要,目前优酷Windows平台采用QT作为UI的主要开发方案,DuiLib辅助一些扩展插件开发,Mac平台采用原生的Native UI开发,由于历史原因并没有将Windows端的QT框架迁移到Mac端,两端分别维护耗费不同人力。 优酷新的客户端开发采用当前主流的Electron框架,Electron框架内部采用Ch....

优酷播放体验优化实战(六)--Electron跨平台进阶:Native播放器融合
文章 2022-02-16 来自:开发者社区

electron打包web项目之stackedit实战——反面教材

很抱歉,误导大家了。electron只支持客户端web项目,package.json里的scripts字段太误导人了。让我傻傻地以为真的可以在里面写一个 node server.js呢。辛亏我照着自己写的博客重新试了一遍,我发现我之所以能成功是因为我事先已经运行过一次node server.js,electron内部就是一个webkit,有缓存,所以能成功。stackedit缓存太厉害了,只要你....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。