本篇教程是使用Electron + React18进行开发，这里主要讲electron的使用。首先我们需要一个react的项目环境，react的项目搭建及开发教程可以参考我的react专栏里的文章：r

最近团队接到一个新需求要用到 Electron 相关的技术开发端上应用（Windows 和 Linux）并自自动更新。

Electron 应用中的前端代码最终会打包成 asar 文件，那什么是 asar 文件呢？我们先来看一下 asar 的定义： asar 是一种文件归档方式，类似于 tar 包，把多个目录和文件放一起

本节主要知识点是 Electron 中的 webview 标签，学完之后，会带领大家用 Vue + Electron 实现一个简单浏览器。

一路开发下来，感慨很多，作为公司第一个Electron应用，不管是在开发上，打包上，或者说在部署上，都遇到了一些挑战，在网上也没有比较详细的文档，外面做的好的也不会把详细方案分享出来……

最近在尝试利用 electron 将一个 web 版的聊天工具包装成一个桌面 APP。作为一个聊天工具，截屏可以说是一个必备功能了。不过遗憾的是没有找到很成熟的库来用，也可能是打开方式不对，总之呢没看到现成的，于是就想从头撸一个简单的截图工具。下面就进入正题吧！ electro…

修改后的大致思路是这样的。 再有了上面nodejs的版本后，再通过Electron就可以打包成客户端的形式，如果在不集成到脚手架的情况下也可以享受更加便利的压缩图片。

前言 大前端技术真的是无所不能，可以使用React Native、uni-app技术做App应用、可以使用nodejs实现后端服务。记录electron的第一个项目

在这里小浪会简单介绍Elctron的一些基本使用，和如何快速用Eletron框架把自己vue项目打包成桌面应用，让自己拥有属于自己的桌面应用