vscode项目国际化插件

2021-10-13

字数统计: 317字 | 阅读时长≈ 1分

背景：由于经常遇到需要国际化的项目，每次要了解字串是什么意思，都要去搜索对应的字串是什么意思，比较消耗时间

i18n-ally

settings.json 中配置

{
  // 资源文件路径
  "i18n-ally.localesPaths": ["src/locale", "src/common/lang"],

  // 资源文件的文件种类，默认为json
  "i18n-ally.enabledParsers": ["js", "ts"],

  // 资源文件的文件名作为第一个key
  "i18n-ally.namespace": true,

  // 资源的key
  "i18n-ally.pathMatcher": "{namespaces}/{locale}.js",

  // 默认展示语言
  "i18n-ally.displayLanguage": "zh",

  // flat({"a.b.c": "..."}) or nested({"a": {"b": {"c": "..."}}})
  "i18n-ally.keystyle": "nested"
}

默认支持的框架包括 vue、angular、react 等原生的 i18n 工具

如果不在其中需要自定义

# 在哪些文件中显示翻译
languageIds:
  - html
  - javascript
  - typescript
  - javascriptreact
  - typescriptreact

usageMatchRegex:
  # The following example shows how to detect `t("your.i18n.keys")`
  # the `{key}` will be placed by a proper keypath matching regex,
  # you can ignore it and use your own matching rules as well
  - "\\s?['\"`]({key})['\"`]\\s?\\|\\s?i18n"
  - "[^\\w\\d]t\\(['\"`]({key})['\"`]"
  - "[^\\w\\d]transform\\(['\"`]({key})['\"`]"

monopoly: true

i18n-ally 文档

本文作者： luckyship
本文链接： https://luckyship.github.io/2021/10/13/2021-10-13-vscode-i18n/
版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！