vscode使用i18n-ally插件，实现自动翻译（配置百度key）

1. 安装i18n

javascript 复制代码

yarn add i18n

使用i18n的帖子很多，这里不赘述了

2. 配置文件结构

注意i18n-ally并不支持所有文件的，下列是各个文件的差异

传送门：github链接

文件结构：

我这里用的是json文件，支持读写。js文件仅支持读不支持写入。

同时在项目根目录中新增一个.vscode\settings.json文件，这里要写入配置
3. 重点：vscode配置

javascript 复制代码

{
  // 设定源语言，这里设置为中文（简体，zh-CN）
  "i18n-ally.sourceLanguage": "zh-CN",
  
  // 设定显示语言，这里同样设置为中文（简体，zh-CN）
  "i18n-ally.displayLanguage": "zh-CN",
  
  // 指定存放语言文件的路径，这里设置为 ["src/common/lang"]，表示语言文件位于 src/common/lang 目录下
  "i18n-ally.localesPaths": ["src/common/lang"],
  
  // 配置允许使用的解析器类型，这里设置为 ["json"]，表示只使用 JSON 格式的语言文件
  "i18n-ally.enabledParsers": ["json"],
  
  // 语言键的样式，这里设置为 "nested"，意味着使用嵌套结构的键风格
  "i18n-ally.keystyle": "nested",
  
  // 自动检测提取字符串的功能，这里设置为 true，表示启用自动检测
  "i18n-ally.extract.autoDetect": true,
  
  // 提取目标选择策略，这里设置为 "most-similar"，表示选择最相似的目标语言文本
  "i18n-ally.extract.targetPickingStrategy": "most-similar",
  
  // 在提取过程中是否保留已经完成的条目，这里设置为 false，表示不保留
  "i18n-ally.keepFulfilled": false,
  
  // 配置用于翻译的引擎，这里设置为 ["baidu"]，表示使用百度翻译服务
  "i18n-ally.translate.engines": ["baidu"],
  
  // 百度翻译的应用 ID，用于认证 API 请求
  "i18n-ally.translate.baidu.appid": "xxx",
  
  // 百度翻译的 API 密钥，用于认证 API 请求
  "i18n-ally.translate.baidu.apiSecret": "xxx"
}

4. 百度key

登录百度后台：百度
注册登录后具体操作：

当前地址可在https://www.ip.cn/中看到，如果不添加白名单地址，在vscode中将无法调用

5. 使用

正常如果在vue文件中，你点当前文件，下面会出现黄色波浪线，鼠标放上去，提取文案到i18n就可以了。如果没有翻译成功的，就在上面手动点一下。另外文件名也不要乱取，不然百度无法识别会报58001错误。具体在这：语种代码对照表，他这里的code要对应文件名