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",
  ],
}
相关推荐
老华带你飞10 分钟前
旅游|基于Java旅游信息推荐系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot·后端·旅游
老华带你飞31 分钟前
医院挂号|基于Java医院挂号管理系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot
yzx9910131 小时前
基于Flask+Vue.js的智能社区垃圾分类管理系统 - 三创赛参赛项目全栈开发指南
vue.js·分类·flask
+VX:Fegn08951 小时前
人力资源管理|基于springboot + vue人力资源管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·课程设计
starvapour1 小时前
Ubuntu部署gitlab频繁出现500的问题
linux·ubuntu·gitlab
一 乐1 小时前
海鲜商城购物|基于SprinBoot+vue的海鲜商城系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot
Nan_Shu_6142 小时前
熟悉RuoYi-Vue-Plus-前端 (2)
前端·javascript·vue.js
用户841794814562 小时前
vxe-gantt vue table 甘特图子任务多层级自定义模板用法
vue.js
还算善良_2 小时前
【Vue】vue3实现文件预览组件(预览服务使用kkfileview)
javascript·vue.js·ecmascript
北辰alk2 小时前
从零构建Vue项目的完全指南:手把手打造现代化前端工程
vue.js