在项目中,我们经常会使用到各种各样的插件,来方便我们的开发。这篇文章将用来揭示插件i18n-ally的使用。
1.什么是i18n-ally,它能用来做什么?
在国际化项目中,我们经常苦恼于中英文的翻译对照造成的各种不便利。对于英文不好的选手更是不友好。
i18n-ally 就是用于解决这个问题的 VScode 插件。能够通过配置,在编辑器中根据项目中的文件来翻译字段。
下图将展示原始界面
2.怎么配置i18n-ally?
在项目中找到 .vscode > setting.json 文件,按照下列展示进行配置
{
"i18n-ally.localesPaths": ["src/lang"], // 配置文件的路径
// 如下须要手动配置
"i18n-ally.keystyle": "flat", // 翻译路径格式 (翻译后变量格式 nested:嵌套式 flat:扁平式)
"i18n-ally.sortKeys": true,
"i18n-ally.namespace": true,
"i18n-ally.enabledParsers": ["ts","js","json"], // 翻译文件可允许的格式,默认json
"i18n-ally.sourceLanguage": "zh-CN", // 翻译源语言 (源文件) 根据此语言文件翻译其他语言文件的变量和内容
"i18n-ally.displayLanguage": "zh", // 显示语言 (显示文件/翻译文件)
"i18n-ally.enabledFrameworks": ["vue"],
"i18n-ally.encoding": "utf-8", // 翻译文件的编码
}
到此, i18n-ally 已经配置完成,可以进行愉快的开发了