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,不会改变原代码

**优点:**变直观了

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

相关推荐
10年前端老司机29 分钟前
React无限级菜单:一个项目带你突破技术瓶颈
前端·javascript·react.js
阿芯爱编程5 小时前
2025前端面试题
前端·面试
前端小趴菜056 小时前
React - createPortal
前端·vue.js·react.js
晓13136 小时前
JavaScript加强篇——第四章 日期对象与DOM节点(基础)
开发语言·前端·javascript
菜包eo7 小时前
如何设置直播间的观看门槛,让直播间安全有效地运行?
前端·安全·音视频
迷路爸爸1807 小时前
让 VSCode 调试器像 PyCharm 一样显示 Tensor Shape、变量形状、变量长度、维度信息
ide·vscode·python·pycharm·debug·调试
烛阴7 小时前
JavaScript函数参数完全指南:从基础到高级技巧,一网打尽!
前端·javascript
chao_7898 小时前
frame 与新窗口切换操作【selenium 】
前端·javascript·css·selenium·测试工具·自动化·html
天蓝色的鱼鱼8 小时前
从零实现浏览器摄像头控制与视频录制:基于原生 JavaScript 的完整指南
前端·javascript
三原9 小时前
7000块帮朋友做了2个小程序加一个后台管理系统,值不值?
前端·vue.js·微信小程序