mcpField
I
intlayer-usage

intlayer-usage

github.com/aymericzip开发550 次安装5 周前更新
代码仓库

关于 intlayer-usage

intlayer-usage 是指导开发者在项目中使用 Intlayer 管理本地化内容的 Skill。内容涵盖语言区域配置、内容声明、通过包导出读取内容，以及使用 CLI 构建词典。

主要功能

  1. 01检查已配置的语言区域
  2. 02在组件旁声明内容
  3. 03使用 Intlayer 和 React Intlayer 导出
  4. 04通过 CLI 构建词典

适用场景

  1. 01检查项目的语言区域配置
  2. 02将翻译内容与组件放在一起
  3. 03在 React 中读取本地化内容
  4. 04根据声明构建词典

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/aymericzip/intlayer-skills --skill intlayer-usage

安装后在 Claude Code 中输入/intlayer-usage确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

LICENCE.md
references/
concept_how-works-intlayer.md
concept_per-locale-file.md
get-started.md
packages_intlayer_exports.md
packages_react-intlayer_exports.md
why.md

详细介绍

Intlayer 使用方法

要有效使用 Intlayer：

  1. 获取区域设置：检查 intlayer.config.{ts,js,json,json5,jsonc,cjs,mjs}、.intlayerrc，查看已配置的区域设置。

  2. 声明内容： 我们建议为每个组件创建一个内容声明文件，并将其放在组件文件旁边。这样可以让翻译内容紧邻代码。

  3. 使用内容：使用提供的钩子和函数访问内容。

    常用软件包：

    • intlayer：用于内容声明和实用函数的核心软件包。
    • react-intlayer：React 组件和钩子（例如 useIntlayer）。
    • vite-intlayer：用于集成的 Vite 插件。

  4. CLI 命令： 用于管理内容的实用命令：

    • npx intlayer build：根据内容声明构建词典。

参考资料

评论

支持 Markdown