VS Code i18n国际化组件代码code显示中文配置 i18n ally

VUE项目做i18n国际化之后,代码中的中文都变成了code这时的代码就会显得非常难读,如果有一个插件能把code转换成中文显示就好了

  1. vscode插件搜索"i18n ally"
  2. 在项目根文件夹下创建文件:.vscode/settings.json

settings.json 内容如下

javascript 复制代码
{
    "i18n-ally.localesPaths": [
      "src/assets/lang"
    ],
    "i18n-ally.keystyle": "nested",
    "i18n-ally.sortKeys": true,
    "i18n-ally.enabledParsers": ["json", "js"],
    "i18n-ally.sourceLanguage": "zh",
    "i18n-ally.displayLanguage": "zh",
    "i18n-ally.enabledFrameworks": [
      "vue"
    ],
    "i18n-ally.translate.engines": [
      "google-cn",
      "google",
      "deepl",
      "libretranslate"
    ],
  }
  1. 保存后重启编辑器

效果

安装前

安装后

他是一个虚拟悬浮中文显示,鼠标点上去还是恢复成code,不会改变原代码

**优点:**变直观了

**缺点:**通过关键词搜索中文搜不到,因为是个悬浮中文,没有改变原始文本

相关推荐
源猿人2 分钟前
企业级文件浏览系统的Vue实现:架构设计与最佳实践
前端·javascript·数据可视化
红红大虾2 分钟前
Defold引擎中关于CollectionProxy的使用
前端·游戏开发
xw542 分钟前
uni-app中v-if使用”异常”
前端·uni-app
!win !1 小时前
uni-app中v-if使用”异常”
前端·uni-app
IT_陈寒1 小时前
Java 性能优化:5个被低估的JVM参数让你的应用吞吐量提升50%
前端·人工智能·后端
南囝coding2 小时前
《独立开发者精选工具》第 018 期
前端·后端
小桥风满袖2 小时前
极简三分钟ES6 - ES9中for await of
前端·javascript
半花2 小时前
i18n国际语言化配置
前端
编程贝多芬2 小时前
Promise 的场景和最佳实践
前端·javascript