关于 intlayer-usage
面向将 Intlayer 内容集成到应用中的开发者,介绍语言环境查询、就近声明内容、通过包访问内容,以及使用 CLI 构建字典。
主要功能
- 01查找已配置的语言环境
- 02在组件旁声明内容
- 03通过钩子和函数访问内容
- 04使用 CLI 构建字典
适用场景
- 01编写内容前确认语言环境
- 02组织组件专属翻译
- 03从声明构建字典
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ aymericzip/ intlayer --skill intlayer-usage安装后在 Claude Code 中输入/intlayer-usage确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
LICENCE.mdreferences/concept_how-works-intlayer.mdconcept_per-locale-file.mdget-started.mdpackages_intlayer_exports.mdpackages_react-intlayer_exports.mdwhy.md详细介绍
Intlayer 使用方法
要有效使用 Intlayer:
-
获取区域设置:检查
intlayer.config.{ts,js,json,json5,jsonc,cjs,mjs}、.intlayerrc,查看已配置的区域设置。 -
声明内容: 我们建议为每个组件创建一个内容声明文件,并将其放在组件文件旁边。这样可以让翻译内容紧邻代码。
-
使用内容:使用提供的钩子和函数访问内容。
常用软件包:
intlayer:用于内容声明和实用函数的核心软件包。react-intlayer:React 组件和钩子(例如useIntlayer)。vite-intlayer:用于集成的 Vite 插件。
-
CLI 命令: 用于管理内容的实用命令:
npx intlayer build:根据内容声明构建词典。
参考资料
评论
支持 Markdown