MMS Image Assistance

一个 VS Code 扩展，用于在 TypeScript/JavaScript 文件中预览 MMS 图片，支持 getUrl({ id: '...' }) 函数调用的图片悬停预览。

功能特性

• 🖼️ 图片悬停预览：在代码中悬停 getUrl({ id: '...' }) 调用时显示图片预览
• 🔍 多文件类型支持：支持 TypeScript、JavaScript、TSX、JSX 文件
• 📱 MMS 图片服务：自动从 MMS 图片服务获取图片
• 🎯 智能识别：使用正则表达式精确匹配 getUrl 函数调用
• 💻 开发友好：提供详细的 ID 信息和原图链接

安装方法

从 VS Code Marketplace 安装（推荐）

1. 在 VS Code 中按 Ctrl+Shift+X（Windows/Linux）或 Cmd+Shift+X（macOS）打开扩展面板
2. 搜索 "MMS Image Assistance"
3. 点击安装

手动安装

1. 下载 .vsix 文件
2. 在 VS Code 中按 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（macOS）
3. 输入 "Extensions: Install from VSIX..."
4. 选择下载的文件

使用方法

基本使用

在支持的文件类型中，当您将鼠标悬停在包含 getUrl({ id: '...' }) 的代码行上时，扩展会自动显示图片预览：

// 悬停在这一行上会显示图片预览
const imageUrl = getUrl({ id: "abc123" });

// 也支持这种格式
const url = getUrl({ id: "xyz789" });

支持的文件类型

• .ts - TypeScript 文件
• .js - JavaScript 文件
• .tsx - TypeScript React 文件
• .jsx - JavaScript React 文件

预览内容

悬停时会显示：

• 🖼️ 图片预览
• 📋 图片 ID 信息
• 🔗 原图链接

开发

本地开发

# 克隆仓库
git clone https://github.com/yourusername/mms-image-assistance.git
cd mms-image-assistance

# 安装依赖
pnpm install

# 编译
pnpm run compile

# 启动调试
# 在 VS Code 中按 F5 启动调试会话

构建扩展包

# 构建 .vsix 文件
pnpm run package

# 发布到 Marketplace（需要先登录）
pnpm run publish

配置

目前扩展使用默认配置，无需额外设置。图片服务地址为：https://mms.img.susercontent.com/

问题反馈

如果您遇到问题或有功能建议，请在 GitHub 上创建 Issue。

许可证

MIT License

更新日志

v0.0.2

• 添加图片悬停预览功能
• 支持多种文件类型
• 优化正则表达式匹配
• 添加错误处理

v0.0.1

• 初始版本
• 基本扩展结构