使用 Tauri (轻量级替代方案)打包编辑器

目录
  1. 1. 环境准备
  2. 2. 创建 Tauri 项目
  3. 3. 构建单一可执行文件

electron实在是太笨重了，本文使用tauri方案重新打包。

环境准备

  • 安装 Rust (Tauri 依赖)
    windows下安装 Rust，下载安装器，运行，按提示，需要安装 Microsoft C++ 生成工具。最后安装了visualstudio 2022社区版。

  • 安装 Node.js (>=16)
    已安装，略。

创建 Tauri 项目

  1. 新建项目目录
  2. 复制您的 index.html 到项目
  3. 初始化前端项目 (纯 HTML 模式)
    1
    2
    npm init -y
    npm install --save-dev @tauri-apps/cli
  4. 初始化 Tauri
    npx tauri init
    按提示选择：文件路径：../index.html，其它直接回车。
  5. 添加应用图标
    src-tauri/
    └── icons/
    ├── 32x32.png
    ├── 128x128.png
    └── icon.ico # Windows 专用图标
    删掉init时icons生成的默认图标，把自定义的图标复制过来。

构建单一可执行文件

  1. 修改src-tauri/tauri.conf.json
    “identifier”: “com.qs100371.markdown”,

“bundle”: {
“active”: false,
“targets”: “all”,
“icon”: [
“icons/32x32.png”,
“icons/128x128.png”,
“icons/icon.ico”
]
}
2. 安装依赖
npm install

  1. 构建 Release 版本
    npm run tauri build -- --target x86_64-pc-windows-msvc
    在src-tauri\target\x86_64-pc-windows-msvc\release目录下得到app.exe，大小8.54M。

预览：tausi方案markdowneditor

与ds反复交流才能把目标达成。今天生成两个app，并且打包成exe。