参考这篇文章,做Vue项目的国际化配置,本篇文章主要解释,下载了i18n之后,该如何对Vscode进行配置
https://juejin.cn/post/7271964525998309428
i18n Ally全局配置项
Vscode中安装i18n Ally插件,并设置其配置项,
适用场景:所有项目通用的配置(如默认语言、翻译引擎)


将下面的配置项,复制到上图中
TypeScript
"i18n-ally.annotationInPlace": false,
"i18n-ally.keystyle": "nested",
"i18n-ally.sortKeys": true,
"i18n-ally.enabledParsers": [
"ts",
"json"
],
"i18n-ally.sourceLanguage": "en",
"i18n-ally.displayLanguage": "zh-cn",
"i18n-ally.enabledFrameworks": [
"vue",
"react"
],
"i18n-ally.parsers.typescript.compilerOptions": {
"moduleResolution": "node",
},
项目配置( .vscode**)**
.vscode
文件夹主要用于存放与 Visual Studio Code(VS Code)编辑器相关的项目配置文件,这些文件能让项目在 VS Code 里的开发体验更加个性化和高效。
适用场景:当前项目的特殊配置(如不同的文件路径、特定插件功能)。
TypeScript
.vscode
├── extensions.json VS Code 工作区的设置进行定制
└── settings.json 列出项目推荐的 VS Code 扩展
extensions.json
TypeScript
{
"recommendations": [
"lokalise.i18n-ally"
]
}
settings.json
TypeScript
{
"i18n-ally.localesPaths": [
"src/locale/lang",
],
}