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",
  ],
}
相关推荐
妙码生花8 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(二十一):网络请求封装优化
前端·javascript·vue.js
艾莉丝努力练剑8 小时前
OpenCode AI 编程:Ubuntu 24.04 环境安装与使用指南
linux·服务器·网络·人工智能·tcp/ip·ubuntu
Tian_Hang9 小时前
Eclipse Ditto 的权限策略
java·服务器·前端·网络·ide·ubuntu·eclipse
sowhat8812 小时前
Vue3+vite+Ts+pinia—第八章 生命周期
vue.js
这是个栗子12 小时前
【Vue代码分析】 import.meta.env.DEV:现代前端工程中的环境变量
前端·javascript·vue.js·环境变量
Tian_Hang15 小时前
Eclipse Mosquitto 安装及介绍
java·运维·服务器·ide·sql·mysql·eclipse
乌夷16 小时前
Vue.js 3 的设计思路
前端·javascript·vue.js
星云_byto16 小时前
五分钟从零配置好VSCode + Claude Code + DeepSeek V4 Pro
ide·vscode·编辑器·cursor·codex·claude code·deepseekv4
一杯奶茶¥16 小时前
Ubuntu系统镜像各个版本下载Ubuntu镜像合集资源Linux系统镜像乌班图Linux系统镜像
linux·运维·ubuntu·镜像·;inux镜像·ubuntu镜像
前端之虎陈随易1 天前
编程语言级别的Skill市场,AI Agent 的未来形态
前端·vue.js·人工智能·typescript·node.js