Replace Domain CDN

自动识别并替换OBS/OSS域名为CDN域名的VSCode插件。

功能特性

• 🔍 自动识别代码中的OBS/OSS域名
• ⚠️ 通过警告提示开发者使用CDN域名
• 🛠️ 提供Quick Fix功能，一键替换单个域名
• 🔄 提供批量替换功能，一次性替换所有域名

支持的域名映射

使用方法

1. 自动识别和提示

插件会自动扫描以下类型的文件：

• JavaScript (.js)
• TypeScript (.ts)
• HTML (.html)
• Vue (.vue)
• React (.jsx, .tsx)
• JSON (.json)

当检测到OBS/OSS域名时，会显示黄色波浪线警告，提示建议使用CDN域名。

2. Quick Fix 修复

1. 将鼠标悬停在警告的域名上
2. 点击💡灯泡图标或按 Ctrl+. (Mac: Cmd+.)
3. 选择"替换为CDN域名"选项

3. 批量替换

1. 打开包含OBS/OSS域名的文件
2. 按 Ctrl+Shift+P (Mac: Cmd+Shift+P) 打开命令面板
3. 输入 "Replace All OBS/OSS Domains with CDN"
4. 按回车执行批量替换

安装方法

从源码安装

1. 克隆或下载项目
2. 在项目根目录执行：

   npm install
   npm run compile
   

3. 在VSCode中按 F5 启动调试模式
4. 在新窗口中打开包含OBS/OSS域名的文件进行测试

打包安装

1. 安装vsce工具：

   npm install -g vsce
   

2. 打包插件：

   vsce package
   

3. 安装生成的.vsix文件：

   code --install-extension replace-domain-cdn-0.0.1.vsix
   

开发说明

项目结构

├── src/
│   ├── extension.ts      # 插件主文件
│   └── domainMapping.ts  # 域名映射配置
├── out/                  # 编译输出目录
├── package.json          # 插件配置
└── tsconfig.json         # TypeScript配置

添加新的域名映射

在 src/domainMapping.ts 文件中的 domainMappings 数组中添加新的映射关系：

{
    obsOssDomain: 'your-obs-domain.com',
    cdnDomain: 'your-cdn-domain.com',
    description: '域名说明'
}

许可证

MIT License