lectron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架，内嵌Chromium，Nodejs，可以用JavaScript写同一份代码，发布到不同平台的本地应用，支持Windows、macOS，Linux。

通过它可以把我们日常用的一些网页进行包装，做成桌面上点开的应用，想用的时候直接点开就行了，不用打开谷歌、微软等浏览器，输入网页进到网站那么麻烦。下面看一下实际代码示例和演示效果。

1、安装node，npm

2、新建一个文件夹，命名为项目名字，比如my-electron-app，切换到该目录下运行命令：

mkdir my-electron-app && cd my-electron-app
npm init

在该目录下会生成一些代码文件，其中package.json中有一些对项目的描述和作者描述，最重要的是main：main.js，表名程序的主入口是main.js文件代码。

3、将electron包安装到开发依赖中，

npm install --save-dev electron

4、在项目目录下的package.json配置文件中的scripts字段下增加一条start命令：

5，在项目目录下新建main.js文件，添加代码

const path=require('path')
const { app, BrowserWindow }=require('electron');
function createWindow () {
  const win=new BrowserWindow({
    width: 800,
    height: 600
  })

  win.loadURL('https://music.163.com/')
}

app.whenReady().then(()=> {
  createWindow()
})

app.on('window-all-closed', function () {
  if (process.platform !=='darwin') app.quit()
})

这里示例，我们将网易云音乐网页包装成桌面应用，图标点开直达网易云音乐。

6、执行命令，运行看效果

<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

7、这里介绍了Electron的简单用法示例，还有更多更深层次的应用大家可以发挥想象。

?大家好，我是为广大程序员兄弟操碎了心的小编，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标！

??今天小编推荐一款跨平台桌面软件开发框架——electron-egg，简而言之就是你可以用JavaScript写windows、Mac、Linux桌面程序。

特性

• 直接打包成windows版、Mac版、Linux版或者以web网站运行。
• 可以用服务端的开发思维，来编写桌面软件。
• 也可以用前端来开发，数据服务请求外部api即可。
• 服务端的技术场景几乎都可以使用，如：路由、中间件、控制器、服务、定时任务、队列、插件等。
• 软件自动更新。

开源协议

??使用 Apache-2.0 开源许可协议

链接地址

截图预览

使用vue编写，经典三栏样式，可自定义

项目案例

结尾

??本期就分享到这里，我是小编南风吹，专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源！希望能与大家共同学习交流。

记录我的2024#

大家好，又见面了，我是 GitHub 精选君！

背景介绍

在现代软件开发过程中，桌面应用的需求依然旺盛。不论是为了提高工作效率，还是改善用户体验，开发者们常常需要将网页应用转化为桌面应用。然而，传统的桌面应用开发既耗时又复杂，特别是当需要同时支持 Mac、Windows 和 Linux 三大平台时。此外，使用如 Electron 这样的框架虽然可以简化跨平台开发，但往往会带来庞大的包体积和较慢的运行速度。这些核心痛点严重影响了开发效率和用户体验。

今天要给大家推荐一个 GitHub 开源项目 tw93/Pake，该项目在 GitHub 有超过 23.2k Star。

一句话介绍该项目：Turn any webpage into a desktop app with Rust.

项目介绍

Pake 是一个利用 Rust Tauri 框架，能够轻松将任何网页转化为体积小、速度快的桌面应用。与基于 JavaScript 的框架相比， Pake 打包出的应用体积几乎是 Electron 包的 1/20 （大约 5M），这得益于 Tauri 框架的优异性能，它使得 Pake 比 JS 基础框架更加轻量和快速。

项目特点包括：

1、几乎比 Electron 包体积小 20 倍（约 5M）

2、利用 Rust Tauri，实现了更轻量、更快速的应用体验

3、提供快捷方式透传、沉浸式窗口和最小化定制等“电池级”包装

4、简单易用，用 Tauri 替代传统打包方式，即便 PWA 也能胜任

如何使用

使用 Pake 构建您的桌面应用非常简单：

1、先确保你的计算机上安装了 Rust >=1.63 和 Node >=16。安装指南可以参考 Tauri 文档。

2、使用 NPM 安装 Pake 的命令行工具:

npm install -g pake-cli

3、使用命令行打包你的网页应用:

pake https://weekly.tw93.fun --name Weekly --hide-title-bar

详细命令行使用手册请查阅项目的文档。以下是几个示例：

项目推介

目前，Pake 已经在 GitHub 上获得了开源社区的广泛关注。它支持 Mac、Windows 和 Linux 三大平台，有着丰富的应用实例，包括但不限于 WeRead, Twitter, ChatGPT, YouTube Music 等流行服务。

以下是该项目 Star 趋势图（代表项目的活跃程度）：

更多项目详情请查看如下链接。

开源项目地址：https://github.com/tw93/Pake

开源项目作者：tw93

以下是参与项目建设的所有成员：

关注我们，一起探索有意思的开源项目。