Vscode i18n-ally配置

vscode扩展里搜索  i18n Ally  和 Vue i18n  下载

       

 配置 i18n Ally

打开 settings.json

在 json文件里添加代码：

  "i18n-ally.localesPaths": ["src/locales/lang"],   // 语言包地址
  "i18n-ally.keystyle": "nested",
  "i18n-ally.sortKeys": true,
  "i18n-ally.namespace": true,
  "i18n-ally.pathMatcher": "{locale}/{namespaces}.{ext}",
  "i18n-ally.enabledParsers": ["ts"],
  "i18n-ally.sourceLanguage": "en",
  "i18n-ally.displayLanguage": "zh-CN",
  "i18n-ally.enabledFrameworks": ["vue", "react"],

项目语言包文件夹结构：

 

 配置成功后,vscode活动栏会显示 

 页面上也会显示多语言，点击就会显示对应的多语言翻译