fine-i18n-tool

VS Code / Cursor 扩展：国际化辅助（Inlay Hint、自动补全）+ FDL 前端工作区信息（状态栏展示本地 dev / 代理相关 URL 与端口探测）。

功能概览

1. 国际化（fine-i18n-tool）

• 在 JavaScript / TypeScript 中，对配置的国际化方法名（默认 t）做 Inlay Hint 与 自动补全。
• 支持按后缀扫描 .properties、.json 等国际化资源（见设置 fineI18nTool.i18nFileSuffix）。
• 保存 .properties 时会刷新内存中的词条映射。

2. Icon Font Hint

• 扫描项目中的 iconfont TTF 文件（默认 **/iconfont.ttf），读取字体 cmap 表中的字符编码。
• 在 JavaScript / TypeScript 中按配置的正则匹配字符串里的 icon 编码，并在匹配文本后展示对应 Unicode 图标。
• 默认匹配规则为 (?:fdl-)?icon-\[([0-9a-fA-F]+)\]，例如 'flex items-center icon-[e67a] fdl-icon-[e67a]' 会在 icon-[e67a] / fdl-icon-[e67a] 后展示 e67a 对应的 iconfont 字符。

3. FDL Workspace Info

在 FineDataLink 前端 monorepo 根目录打开工作区时，在状态栏显示 FDL 相关信息（非该结构的工作区会自动隐藏，避免误报）：

• Dev URL：来自 packages/fui-adapter/config.ts 的 PORT、WITH_HTTPS。
• Proxy URL：来自同一文件中的 SERVER_URL（支持 SERVERS.xxx 或字符串 URL）。
• Platform URL：来自 packages/data-platform/webpack/config.js 的 PORT（拼为 http://localhost:{PORT}/platform）。
• 端口探测：对本地 adapter / platform 端口做 TCP 探测；支持窗口聚焦后防抖刷新、可选定时重测、占用二次确认等（见设置 fdlWorkspaceInfo.portCheck.*）。

点击状态栏可打开快捷操作（打开 Dev / Proxy URL、打开 adapter 配置、刷新等）。

开发与打包

pnpm install
pnpm run compile      # 开发期 webpack 构建
pnpm run package      # 生产构建（与 vscode:prepublish 一致）
pnpm run package:vsix   # 先 webpack，再打 VSIX（使用 --no-dependencies，适配 pnpm 目录结构）

打好的 .vsix 一般在扩展根目录，文件名形如 fine-i18n-tool-{version}.vsix。在编辑器中选择 Install from VSIX… 安装后建议 Reload Window。

若使用 pnpm 安装依赖，vsce 默认的 npm list 校验容易误报，因此 package:vsix 已加上 --no-dependencies（运行时依赖已打进 dist/extension.js）。

设置说明

在 设置 中搜索扩展名或下列前缀即可。

国际化（fineI18nTool.*）

图标提示（fineI18nTool.icon_font_hint.*）

FDL Workspace Info（fdlWorkspaceInfo.*）

相关命令（命令面板）

• Refresh Workspace Info（fdlWorkspaceInfo.refresh）
• Open FUI Adapter Config（fdlWorkspaceInfo.openConfig）
• Open URL（fdlWorkspaceInfo.openItem）
• Show Workspace Info Actions（fdlWorkspaceInfo.showActions）

仓库

https://github.com/likeke1997/fine-i18n-tool