你以为开发Electron需要先会一堆东西才能上手吗？其实你只需要会HTML、CSS、JavaScript就可以了； 废话不多说，直接上手，让我们一起来开发一个Electron应用吧！ 1. 创建项目

前提条件，新建好vite+vue3项目。创建vite+vue3项目教程 1.安装electron,通过npm下载electron 需要全局安装 2.在根目录中新建一个electron文件夹，在文件夹中

在本文中，我们将研究如何通过 Vite 开发 Vue 3 桌面项目。 在项目中会用到 Electron ， 一种最流行的框架，可使用Javascript构建跨平台的桌面应用程序。

女朋友工作是音频后期，平常会收集一些音频音乐，需要看音频的频谱波形，每次用au这种大型软件播放音乐看波形，很不方便，看到她这么辛苦，身为程序猿的我痛心疾首，于是，就有了这么一个小软件，软件涉及到的技术主要为electron,vue,node,波形的展示主要通过wavesurfe…

electron应用说到底是个桌面级应用，我们写好的 Markdown 文档，毋庸置疑的必须要保存下来吧，否则一旦重启应用，那我们辛辛苦苦写的文档岂不是白忙活了。噢，心态炸裂……😤 对于一般的前端同学来说，我们请求接口拿到数据，然后把web页面展示出来就完事了。但我们现在干的…

我们从截图里可以看到，右侧区域主要是由标题栏和内容编辑区组成，其中标题栏的右侧还包含了一排操作按钮，在这里我们就先把这一排按钮忽略了，先把主要功能开发完毕再考虑迭代优化。 所以我们的最终需要实现的需求其实很简单，就是「标题栏 + Markdown编辑区 = 右侧区域」，标题栏支…

2、删除src目录中background.js文件内的代码app.allowRendererProcessReuse = true，这行代码其实就是我们上节课添加的，9.0 的版本已经设置为默认值了，所以此处我们就不需要了。 咳咳，我的锅我的锅，一开始就应该介绍一下先的了，拖到…

相信看到这篇文章的人，都是对Electron感兴趣的， 网上关于Electron的教程其实已经不少了，但是大多都是一些功能点的实现，对于从零开始搭建一个适合自己的项目，估计还是有不少人有点懵逼的。刚好自己也学习Electron一段时间了，想着整理一下自己学习期间的一些笔记和踩坑…

本文包含打包、自动更新、简易API、调试、进程通信等相关知识点，内容较多，可能会引起不适，请酌情查看（手动滑稽）。 electron是由Github开发，是一个用Html、css、JavaScript来构建桌面应用程序的开源库，可以打包为Mac、Windows、Linux系统下…