Hoppscotch多语言使用指南35种界面语言怎么切、怎么改、怎么加【免费下载链接】hoppscotchOpen-Source API Development Ecosystem • https://hoppscotch.io • Offline, On-Prem Cloud • Web, Desktop CLI • Open-Source Alternative to Postman, Insomnia项目地址: https://gitcode.com/GitHub_Trending/ho/hoppscotch新同事用 Hoppscotch 做 REST 接口测试第一句话是这些按钮都是英文我能换成印尼语吗可以。界面语言由 vue-i18n 驱动语言包按文件懒加载选择结果存在浏览器 localStorage 而不是后端数据库所以云端、桌面端、自托管实例行为完全一致部署方不需要任何额外配置。读完你可以做到这几件事切换界面语言并让某台机器永远用指定语言启动改一个术语、新增一门语言从文件改到重新构建用请求头和环境变量模拟不同地区用户的 API 调用界面语言在哪、由谁决定语言包分两处存放。packages/hoppscotch-common/languages.json是语言清单每个条目包含语言代码、对应文件、ISO 标准代码RTL 语言还会多一个dir: rtl标记。packages/hoppscotch-common/locales/下的 JSON 文件才是真正的翻译内容。启动时加载哪门语言按三层规则依次兜底先读本地配置里的locale没有就看浏览器系统语言navigator.language再没有就用英文en。三层都没命中时界面就是英文这不是 bug是设计上的兜底。切换界面语言的3种方式设置菜单里选打开设置页语言区就是一个带搜索框的选择器输入德或Deutsch都能过滤出来。点中某项后整站文案立即替换无需刷新。选择器组件在packages/hoppscotch-common/src/components/smart/ChangeLanguage.vue想研究它怎么实现的可以直接读这个文件。命令面板里搜按CtrlKMac 上CmdK打开命令面板直接搜语言相关命令。适合不想点开设置页的场景。直接写 localStorage在浏览器控制台执行localStorage.setItem(locale, cn);重启应用后生效。适合脚本化场景比如给测试机预装固定语言环境。桌面端的设置入口在左下角齿轮图标位置比 Web 版靠边别找错了。怎么固定默认语言Hoppscotch 没有单独的默认语言配置文件。所谓固定就是把某台设备 localStorage 里的locale设成你希望的代码之后每次启动都走第一层兜底直接用这个值。注意两点偏好不跟随账号也不跟随工作区换设备、换浏览器就得重新设清掉浏览器站点数据后偏好会丢会退回系统语言判断。语言文件长什么样以英文包为例顶级键按模块分组{ action: { add: 新增, cancel: 取消 }, auth: { login: 登录, logout: 登出 }, state: { nothing_found: 未找到 } }一个包约一千多个键覆盖动作、认证、状态提示、各类页面文案。缺失的键会自动回退到英文所以你切换语言后偶尔看到零星英文多半是那个键还没被翻译先检查目标语言文件里有没有这个路径再决定是补翻译还是提反馈。改术语与新增语言包只改几个词直接编辑目标语言的 JSON比如把cn.json里某个请求相关的词改成团队内部统一叫法保存后重新构建前端改动的文案就会替换。线上部署的是构建产物改 JSON 不重新构建界面上什么都看不到变化。从零加一门语言以越南语vi为例仓库里还没有这个包三步走复制locales/en.json为locales/vi.json完成翻译在languages.json数组里加一条{code: vi, file: vi.json, iso: vi-VI, name: Tiếng Việt}构建项目语言选择器里立刻多出一项选中后整站变为越南语。完整流程细节见仓库根目录的 TRANSLATIONS.md。用多语言做接口测试界面语言之外测试侧还有两个实用点。Accept-Language 请求头在 Headers 标签加一行模拟地区用户的语言偏好{ key: Accept-Language, value: zh-CN,zh;q0.9 }发送后响应体里若包含地区化文案按zh-CN返回对照测试多地区表现就靠这一行。用环境变量参数化在环境里建一个变量accept_language值填zh-CN请求头里写{{accept_language}}。之后测东京用户还是柏林用户只需要切环境不用回头改请求。桌面版连接自托管实例时工作区和收藏走服务端同步但语言偏好留在本地新电脑第一次打开仍按系统语言走记得手动切换。参与翻译与下一步行动翻译提交路径很简单先翻完目标语言文件再改languages.json提交 PR。合并前可以先发半成品 PR 拉人帮忙TRANSLATIONS.md 里写明了这一点。下一步你可以发现某个词翻译别扭或整段漏译在项目仓库提 issue 或直接发修正 PR想补全一门语言按上面从零加一门语言三步走参考 TRANSLATIONS.md想读实现看packages/hoppscotch-common/src/modules/i18n.ts三层兜底逻辑全在这个文件里常用语言代码速查语言代码语言文件英语enen.json简体中文cncn.json繁體中文twtw.json日本語jaja.json한국어koko.jsonFrançaisfrfr.jsonDeutschdede.jsonРусскийruru.jsonالعربيةarar.jsonTiếng Việt新增示例vivi.json完整 35 种语言的代码、ISO 标准和 RTL 标记以仓库里的languages.json为准。【免费下载链接】hoppscotchOpen-Source API Development Ecosystem • https://hoppscotch.io • Offline, On-Prem Cloud • Web, Desktop CLI • Open-Source Alternative to Postman, Insomnia项目地址: https://gitcode.com/GitHub_Trending/ho/hoppscotch创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 Hoppscotch多语言使用指南：35种界面语言怎么切、怎么改、怎么加
Hoppscotch多语言使用指南35种界面语言怎么切、怎么改、怎么加【免费下载链接】hoppscotchOpen-Source API Development Ecosystem • https://hoppscotch.io • Offline, On-Prem Cloud • Web, Desktop CLI • Open-Source Alternative to Postman, Insomnia项目地址: https://gitcode.com/GitHub_Trending/ho/hoppscotch新同事用 Hoppscotch 做 REST 接口测试第一句话是这些按钮都是英文我能换成印尼语吗可以。界面语言由 vue-i18n 驱动语言包按文件懒加载选择结果存在浏览器 localStorage 而不是后端数据库所以云端、桌面端、自托管实例行为完全一致部署方不需要任何额外配置。读完你可以做到这几件事切换界面语言并让某台机器永远用指定语言启动改一个术语、新增一门语言从文件改到重新构建用请求头和环境变量模拟不同地区用户的 API 调用界面语言在哪、由谁决定语言包分两处存放。packages/hoppscotch-common/languages.json是语言清单每个条目包含语言代码、对应文件、ISO 标准代码RTL 语言还会多一个dir: rtl标记。packages/hoppscotch-common/locales/下的 JSON 文件才是真正的翻译内容。启动时加载哪门语言按三层规则依次兜底先读本地配置里的locale没有就看浏览器系统语言navigator.language再没有就用英文en。三层都没命中时界面就是英文这不是 bug是设计上的兜底。切换界面语言的3种方式设置菜单里选打开设置页语言区就是一个带搜索框的选择器输入德或Deutsch都能过滤出来。点中某项后整站文案立即替换无需刷新。选择器组件在packages/hoppscotch-common/src/components/smart/ChangeLanguage.vue想研究它怎么实现的可以直接读这个文件。命令面板里搜按CtrlKMac 上CmdK打开命令面板直接搜语言相关命令。适合不想点开设置页的场景。直接写 localStorage在浏览器控制台执行localStorage.setItem(locale, cn);重启应用后生效。适合脚本化场景比如给测试机预装固定语言环境。桌面端的设置入口在左下角齿轮图标位置比 Web 版靠边别找错了。怎么固定默认语言Hoppscotch 没有单独的默认语言配置文件。所谓固定就是把某台设备 localStorage 里的locale设成你希望的代码之后每次启动都走第一层兜底直接用这个值。注意两点偏好不跟随账号也不跟随工作区换设备、换浏览器就得重新设清掉浏览器站点数据后偏好会丢会退回系统语言判断。语言文件长什么样以英文包为例顶级键按模块分组{ action: { add: 新增, cancel: 取消 }, auth: { login: 登录, logout: 登出 }, state: { nothing_found: 未找到 } }一个包约一千多个键覆盖动作、认证、状态提示、各类页面文案。缺失的键会自动回退到英文所以你切换语言后偶尔看到零星英文多半是那个键还没被翻译先检查目标语言文件里有没有这个路径再决定是补翻译还是提反馈。改术语与新增语言包只改几个词直接编辑目标语言的 JSON比如把cn.json里某个请求相关的词改成团队内部统一叫法保存后重新构建前端改动的文案就会替换。线上部署的是构建产物改 JSON 不重新构建界面上什么都看不到变化。从零加一门语言以越南语vi为例仓库里还没有这个包三步走复制locales/en.json为locales/vi.json完成翻译在languages.json数组里加一条{code: vi, file: vi.json, iso: vi-VI, name: Tiếng Việt}构建项目语言选择器里立刻多出一项选中后整站变为越南语。完整流程细节见仓库根目录的 TRANSLATIONS.md。用多语言做接口测试界面语言之外测试侧还有两个实用点。Accept-Language 请求头在 Headers 标签加一行模拟地区用户的语言偏好{ key: Accept-Language, value: zh-CN,zh;q0.9 }发送后响应体里若包含地区化文案按zh-CN返回对照测试多地区表现就靠这一行。用环境变量参数化在环境里建一个变量accept_language值填zh-CN请求头里写{{accept_language}}。之后测东京用户还是柏林用户只需要切环境不用回头改请求。桌面版连接自托管实例时工作区和收藏走服务端同步但语言偏好留在本地新电脑第一次打开仍按系统语言走记得手动切换。参与翻译与下一步行动翻译提交路径很简单先翻完目标语言文件再改languages.json提交 PR。合并前可以先发半成品 PR 拉人帮忙TRANSLATIONS.md 里写明了这一点。下一步你可以发现某个词翻译别扭或整段漏译在项目仓库提 issue 或直接发修正 PR想补全一门语言按上面从零加一门语言三步走参考 TRANSLATIONS.md想读实现看packages/hoppscotch-common/src/modules/i18n.ts三层兜底逻辑全在这个文件里常用语言代码速查语言代码语言文件英语enen.json简体中文cncn.json繁體中文twtw.json日本語jaja.json한국어koko.jsonFrançaisfrfr.jsonDeutschdede.jsonРусскийruru.jsonالعربيةarar.jsonTiếng Việt新增示例vivi.json完整 35 种语言的代码、ISO 标准和 RTL 标记以仓库里的languages.json为准。【免费下载链接】hoppscotchOpen-Source API Development Ecosystem • https://hoppscotch.io • Offline, On-Prem Cloud • Web, Desktop CLI • Open-Source Alternative to Postman, Insomnia项目地址: https://gitcode.com/GitHub_Trending/ho/hoppscotch创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考