Electron打包支持多语言

准备多语言许可文件

在项目的构建资源目录(如 build 或 public)中,创建多个许可文件,并在文件名中添加语言代码后缀。例如:

  • license_zh_CN.txt(简体中文)

  • license_en.txt(英文)

确保这些文件的编码格式为 带有 BOM UTF-8,以避免中文乱码问题。

/build是electron-builder默认资源目录,也可以在package.json中修改buildResources字段指定。

修改 package.json

bash 复制代码
"directories": {
  "output": "app_client",
  "buildResources": "build"
},
"nsis": {
  "oneClick": false,
  "perMachine": true,
  "allowToChangeInstallationDirectory": true,
  "installerIcon": "build/icon.ico",
  "uninstallerIcon": "build/icon.ico",
  "createDesktopShortcut": true,
  "createStartMenuShortcut": true,
  "multiLanguageInstaller": true,
  "displayLanguageSelector": true,
  "installerLanguages": ["zh_CN", "en_US"] // 只显示简体中文和英文
}

关键配置说明

  • multiLanguageInstaller:设置为 true,表示创建多语言安装包。

  • displayLanguageSelector:设置为 true,显示语言选择对话框。

  • installerLanguages:指定安装向导支持的语言列表。例如,["zh_CN", "en_US"] 表示只显示简体中文和英文。

验证多语言支持

打包应用:

运行以下命令打包应用。

bash 复制代码
npm run electron:build

安装测试:

  • 打包应用后,安装向导会显示语言选择对话框,且只包含简体中文和英文选项。

  • 选择语言后,安装向导会根据选择的语言加载对应的许可文件。

相关推荐
tsumikistep3 小时前
【前后端】接口文档与导入
前端·后端·python·硬件架构
行走的陀螺仪3 小时前
.vscode 文件夹配置详解
前端·ide·vscode·编辑器·开发实践
2503_928411564 小时前
11.24 Vue-组件2
前端·javascript·vue.js
Bigger4 小时前
🎨 用一次就爱上的图标定制体验:CustomIcons 实战
前端·react.js·icon
谢尔登4 小时前
原来Webpack在大厂中这样进行性能优化!
前端·webpack·性能优化
g***B7384 小时前
JavaScript在Node.js中的模块系统
开发语言·javascript·node.js
Z***25805 小时前
JavaScript在Node.js中的Deno
开发语言·javascript·node.js
cypking6 小时前
Vue 3 + Vite + Router + Pinia + Element Plus + Monorepo + qiankun 构建企业级中后台前端框架
前端·javascript·vue.js
San30.6 小时前
ES6+ 新特性解析:让 JavaScript 开发更优雅高效
开发语言·javascript·es6
雨雨雨雨雨别下啦6 小时前
【从0开始学前端】vue3简介、核心代码、生命周期
前端·vue.js·vue