Neovim 插件 i18n.nvim 介绍

前言

最近一直在使用 Neovim 做 vue3 的开发,其中使用了 vue-i18n 作为国际化的解决方案,项目中有大量的国际化内容,需要统计管理、查询、提示。

正赶上最近 Vibe Coding 的概念比较火,就使用业务时间让 AI 帮忙写了这个国际化插件 yelog/i18n.nvim,主要功能有:

  1. 实时预览国际化key
  2. 国际化key的补全(集成 blink.cmp)
  3. 国际化key定义的跳转
  4. 国际化key不存在时提示 Diagnostic
  5. 国际化key的统计
  6. 国际化key的模糊搜索(集成 fzf.lua)

安装

推荐使用 layz.nvim 作为插件管理器,安装方式如下:

lua 复制代码
{
  'yelog/i18n.nvim',
  dependencies = {
    'ibhagwan/fzf-lua',
    'nvim-treesitter/nvim-treesitter'
  },
  config = function()
    require('i18n').setup({
      locales = { 'en', 'zh' },
      sources = {
        'src/locales/{locales}.json',
      }
    })
  end
}

其中 locales 作为你项目中的语言列表, sources 作为你项目中国际化文件的路径,{locales} 会被替换为 locales 中的语言列表。

sources 支持多个文件类型,变量路径等,具体可以参考 REAEDME#Use Case

使用介绍

实时预览国际化key

支持在国际化key使用的地方如 t('common.hello') 处,实时预览国际化内容。并且支持切换默认显示的语言,及是否显示国际化key

国际化key的补全

在国际化key使用的地方如 t('|') 的竖线出,会集成 blink.cmp 进行补全显示

国际化key定义的跳转

在国际化 Key 使用的地方如 t('common.hello') 处,按 gd 可以跳转到国际化 key 的定义处。

在国际化key的定义处,按 gd 可以跳转到其他语言的定义处

国际化key不存在时提示 Diagnostic

如果在国际化key使用的地方使用了不存在的key,如 t('common.hello1'),会有 Diagnostic 提示

国际化key的模糊搜索(集成 fzf.lua)

通过集成 fzf.lua 实现国际化key及默认语言翻译的模糊搜索。

支持 help 提示

在国际化key使用的地方如 t('common.hello') 处,按 <c-k> 可以查看帮助提示

最后

这个插件主要时为了满足自己的需求设计的,所以如何有任何建议和意见,欢迎提 issue

相关推荐
lemon_yyds4 小时前
《vue 2 升级vue3 父组件 子组件 传值: value 和 v-model
vue.js
蝎子莱莱爱打怪4 小时前
OpenClaw 从零配置指南:接入飞书 + 常用命令 + 原理图解
java·后端·ai编程
simple_lau4 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生4 小时前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
狼爷5 小时前
Go 没有 override?别硬套继承!用接口+嵌入,写更清爽的“覆盖”逻辑
java·go
wuhen_n7 小时前
Pinia状态管理原理:从响应式核心到源码实现
前端·javascript·vue.js
小兔崽子去哪了8 小时前
Java 自动化部署
java·后端
wuhen_n8 小时前
KeepAlive:组件缓存实现深度解析
前端·javascript·vue.js
ma_king8 小时前
入门 java 和 数据库
java·数据库·后端
wuhen_n8 小时前
Vue Router与响应式系统的集成
前端·javascript·vue.js