Vscode i18n-ally配置

最新推荐文章于 2024-08-13 08:42:10 发布

山橘满月

最新推荐文章于 2024-08-13 08:42:10 发布

阅读量2.5k

点赞数 2

文章标签： vscode vue.js

本文链接：https://blog.csdn.net/weixin_51102356/article/details/131070946

版权

文章详细介绍了如何在VSCode中下载并配置i18nAlly扩展，以支持Vue项目的多语言功能。配置包括设置locale路径、key样式、排序、命名空间等，使得VSCode能识别并显示多语言翻译。完成配置后，活动栏会显示多语言切换选项，页面内容会根据选择的语言显示相应的翻译。

摘要由CSDN通过智能技术生成

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"],

项目语言包文件夹结构：