如何为LanMiaoDesktop创建漂亮的NSIS安装包:Windows应用打包指南

📅 2026/7/6 17:56:13 👁️ 阅读次数 📝 编程学习
如何为LanMiaoDesktop创建漂亮的NSIS安装包:Windows应用打包指南

如何为LanMiaoDesktop创建漂亮的NSIS安装包:Windows应用打包指南

【免费下载链接】LanMiaoDesktop一个完整electron桌面记账程序,技术栈主要使用electron-vue+vuetify。开机自动启动,自动更新,托盘最小化,闪烁等常用功能,Nsis制作漂亮的安装包。项目地址: https://gitcode.com/gh_mirrors/la/LanMiaoDesktop

LanMiaoDesktop是一个基于electron-vue+vuetify开发的完整桌面记账程序,提供开机自动启动、自动更新、托盘最小化等实用功能。本文将详细介绍如何为这个优秀的开源项目创建专业美观的NSIS安装包,让你的Windows应用分发更加便捷。

📋 准备工作:环境搭建与项目克隆

在开始打包之前,确保你的开发环境已满足以下要求:

  • Node.js (建议v14+)
  • npm或yarn包管理器
  • Git版本控制工具

首先克隆项目仓库到本地:

git clone https://gitcode.com/gh_mirrors/la/LanMiaoDesktop cd LanMiaoDesktop npm install

项目采用electron-builder作为打包工具,NSIS配置已预先集成在package.json文件中,这让我们的打包过程更加简单高效。

🔍 NSIS打包配置解析

LanMiaoDesktop的NSIS配置主要集中在package.json的build部分。打开package.json文件,我们可以看到以下关键配置:

"win": { "icon": "build/icons/icon.ico", "requestedExecutionLevel": "highestAvailable", "target": "nsis" }, "nsis": { "oneClick": false, "allowToChangeInstallationDirectory": true }

这些配置项的作用:

  • oneClick: false- 禁用一键安装,允许用户自定义安装选项
  • allowToChangeInstallationDirectory- 允许用户选择安装路径
  • requestedExecutionLevel- 设置程序运行权限级别

这种配置兼顾了用户体验和灵活性,是桌面应用的理想选择。

🚀 快速创建基础安装包

完成环境配置后,执行以下命令即可生成基础NSIS安装包:

npm run dist

打包过程会自动完成以下步骤:

  1. 编译electron应用代码
  2. 生成Windows可执行文件
  3. 调用NSIS创建安装程序
  4. 输出最终安装包到build目录

⚠️ 注意:首次打包可能需要下载依赖资源,过程可能较慢,请耐心等待。

✨ 自定义安装包外观与行为

要创建真正漂亮的安装包,我们需要进一步自定义NSIS脚本。虽然项目默认配置已经很好,但你可以通过以下方式增强安装包体验:

1. 添加自定义安装背景图片

准备一张分辨率为1024x576的图片,放置在项目根目录,然后在package.json中添加:

"nsis": { "installerIcon": "build/icons/icon.ico", "installerHeaderIcon": "build/icons/icon.ico", "installerBackground": "installer-bg.bmp" }

2. 配置安装完成后操作

在package.json中添加:

"nsis": { "runAfterFinish": true, "createDesktopShortcut": "always", "createStartMenuShortcut": true }

这些配置会让安装完成后自动运行程序,并创建桌面和开始菜单快捷方式。

📸 LanMiaoDesktop应用界面展示

LanMiaoDesktop提供了直观易用的记账界面,让用户轻松管理个人财务:

应用包含丰富的统计图表功能,帮助用户分析收支情况:

简洁的操作流程和现代化的UI设计,使记账变得简单而高效:

📝 常见问题与解决方案

Q: 打包过程中提示缺少NSIS怎么办?

A: electron-builder会自动下载NSIS工具,如遇网络问题,可手动下载并安装:https://nsis.sourceforge.io/Download

Q: 如何修改安装包的默认语言?

A: 在package.json中添加:

"nsis": { "language": "2052" // 2052表示简体中文 }

Q: 安装包体积过大如何优化?

A: 可以通过以下方式减小安装包体积:

  • 使用electron-builder的压缩选项
  • 清理项目中未使用的依赖和资源
  • 配置package.json的files字段,只包含必要文件

🎯 总结与下一步

通过本文的指南,你已经掌握了为LanMiaoDesktop创建漂亮NSIS安装包的方法。这个过程主要依赖于electron-builder和NSIS的强大功能,通过简单的配置即可实现专业级的安装体验。

下一步,你可以:

  • 探索更高级的NSIS脚本定制
  • 添加安装包的数字签名
  • 配置自动更新功能
  • 优化安装包大小和安装速度

希望这篇指南能帮助你更好地分发和推广LanMiaoDesktop项目,让更多用户体验到这款优秀的桌面记账程序!

【免费下载链接】LanMiaoDesktop一个完整electron桌面记账程序,技术栈主要使用electron-vue+vuetify。开机自动启动,自动更新,托盘最小化,闪烁等常用功能,Nsis制作漂亮的安装包。项目地址: https://gitcode.com/gh_mirrors/la/LanMiaoDesktop

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考