VScode-i18n-ally-Vue

参考这篇文章,做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",
  ],
}
相关推荐
夏之小星星1 分钟前
el-tree结合checkbox实现数据回显
前端·javascript·vue.js
安装虚拟机的老师傅19 分钟前
【2025最新】Windows系统装VSCode搭建C/C++开发环境(附带所有安装包)
c语言·windows·vscode·其他
南棱笑笑生1 小时前
20250512给NanoPi NEO core开发板在Ubuntu core20.04系统下重新编译boot.img
linux·运维·ubuntu
琉璃℡初雪1 小时前
vue2/3 中使用 @vue-office/docx 在网页中预览(docx、excel、pdf)文件
vue.js·pdf·excel
拖孩3 小时前
【Nova UI】十五、打造组件库之滚动条组件(上):滚动条组件的起步与进阶
前端·javascript·css·vue.js·ui组件库
苹果电脑的鑫鑫3 小时前
element中表格文字剧中可以使用的属性
javascript·vue.js·elementui
Hejjon3 小时前
Vue2 elementUI 二次封装命令式表单弹框组件
前端·vue.js
潮流coder3 小时前
IntelliJ IDEA给Controller、Service、Mapper不同文件设置不同的文件头注释模板、Velocity模板引擎
java·ide·intellij-idea
刘延林.4 小时前
树莓5安装 PyCharm 进行python脚本开发
ide·python·pycharm
Wannaer4 小时前
从 Vue3 回望 Vue2:响应式的内核革命
前端·javascript·vue.js