littlebot
Published on 2025-04-03 / 4 Visits
0

【源码】基于VS Code插件开发的i18n管理工具

项目简介

这是一个基于VS Code插件开发的i18n管理工具,旨在助力开发者高效开展国际化操作,提供了代码生成、信息展示、模板配置等功能,有效简化国际化工作流程。

项目的主要特性和功能

主要特性

  • 代码生成便捷:通过右键菜单可快速生成国际化相关代码。
  • 信息展示清晰:悬浮信息展示国际化key的所有翻译信息及相关页面跳转。
  • 配置灵活多样:支持自定义跳转路径和模板配置,适应不同项目需求。

功能细节

  • i18n CodeGen
    • 提取国际化键值对,右键唤起菜单生成国际化代码。
    • 输入模板中的国际化函数调用,提供国际化key查询及默认国际化文本候选项。
    • 选中默认国际化文本生成国际化代码。
    • 通过ctrl + p查找命令,快速搜索国际化代码并提供国际化key供选择。
  • i18n Info
    • 悬浮信息展示国际化key的所有翻译信息及是否需要变量。
    • 支持自定义跳转路径,方便快速导航到相关文件或页面。

安装使用步骤

安装插件

  1. 下载本项目的源码文件。
  2. 在VS Code中打开插件开发主机。
  3. 将项目源码作为VS Code插件加载。

配置插件

按项目需求配置插件关键参数,如扫描目录、主语言、生成模板等。示例配置如下: jsonc { "i18n-extension.generateTemplates": [ "formatMessage({id: '{{id}}',defaultMessage: '{{msg}}',},{{variable}})", "formatMessage({id: '{{id}}'})", "intl.formatMessage({id: '{{id}}',\ndefaultMessage: '{{msg}}',})" ], "i18n-extension.mainLanguage": "ZH_CN", "i18n-extension.scanFolders": [ "locales", "locale" ] }

使用插件

  1. 扫描国际化目录,配置完成后,插件自动扫描并识别国际化代码。
  2. 编写代码时,使用插件提供的代码生成、信息展示等功能。

版本变更和计划

  • 版本变更:详细版本变更记录查看项目的CHANGELOG.md文件。
  • 未来计划:支持JSX和TSX智能提示、完善悬浮信息展示、根据键值对动态生成扫描代码配置、对接翻译平台Api(百度、彩云、谷歌等)、开发辅助开发者进行国际化工作的助手。

注意事项:此插件仅适用于VS Code环境,用户需根据自身项目需求进行配置和使用。对于商业使用或其他用途,请遵循相关许可协议。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】