本文通过Youtube视频:- Build a Markdown Notes app with Electron, React, Typescript, Tailwind and Jotai - YouTube 整理而来。是基于Electron、React、TypeScript、Tailwind及Jotai来开发一款基础功能的Markdown笔记软件。技术栈及依赖#Electron: 跨平台桌面应用框架 React: Facebook推出的前端开发框架 Yarn: 类似...
Build a Markdown Notes app with Electron, React, Typescript, Tailwind and Jotai - YouTube整理而来。 是基于Electron、React、TypeScript、Tailwind及Jotai来开发一款基础功能的Markdown笔记软件。 技术栈及依赖 Electron: 跨平台桌面应用框架 React: Facebook推出的前端开发框架 : 类似npm、pnpm的前端项目包管理工...
解决electron 在Window中CSS Drag样式与鼠标 Hover 事件冲突问题 后盾人编程 3922 0 有了这个软件,开直播更方便了,大叔开发了翻页时钟与倒计时软件,基于 Electron + vue3 + tailwindcss + typescript 后盾人编程 2752 0 不用纠结了!一个视频教会你选择Mac 还是 window,看视频不买错。多年资深苹果与window 使...
const{app}=require('electron')app.on('ready',()=>{console.log('当 Electron 完成初始化时被触发')})app.on('before-quit',(e)=>{// 可以调用 e.preventDefault() 来阻止默认的行为(即关闭应用程序)console.log('在应用程序开始关闭窗口之前触发')})app.on('will-quit',(e)=>{// 可以调用 e....
electron应用的项目结构基于nodejs。此处使用了electron@10.0.0,先是初始化项目: npm init npm install --save-dev electron@10.0.0 这里初始化可以参考官网教程 接下来就是编写业务逻辑了,详细代码可以参考底部源码链接,此处介绍下主要功能函数。 检查软件运行环境: ...
如果你想研发一款 MAC APP or Windows APP,并且你也是一个前端工程师的话,那么这篇文章将很适合你——它将介绍一款工具,用于使用 Vue 开发 Electron 项目——它们最终可以编译为跨平台的桌面端 APP。 一、著名的 Electron 如果你是一个程序员,不管是前端程序员,还是 Python 程序员。 你都一定使用过这两种工具:...
打开E盘,新建目录desktop-app-demo,打开gitbash,进入此目录,输入git命令下载electron-quick-start项目代码。 进入目录electron-quick-start,输入命令npm install,安装相关依赖包。 输入命令npm start,运行项目。如果弹出Hello World的窗口,说明项目运行成功。如下图: 现在,我们要将项目代码打包成系统安装软件。这里我们采...
Markdownify, Electron, 文档编辑, 极简, 使用方法 一、Markdownify 简介 1.1 什么是 Markdownify Markdownify是一款基于Electron框架开发的桌面应用程序,它为用户提供了一个简洁高效的Markdown编辑环境。Markdown是一种轻量级的标记语言,易于编写且易于阅读,被广泛应用于文档编写、笔记记录等领域。Markdownify旨在帮助...
熟悉Electron的朋友也许知道, Electron继承了来自 Chromium 的多进程架构,这使得Electron在架构上非常类似于一个现代的网页浏览器。我们可以控制两种类型的进程:主进程和渲染器。 之前有朋友希望我基于H5-Dooring开发一款桌面端应用, 最近刚好有时间, 就花了小半天时间从零使用electron开发了桌面端的离线软件Dooring-electro...