Replace Domain CDN
自动识别并替换OBS/OSS域名为CDN域名的VSCode插件。
功能特性
- 🔍 自动识别代码中的OBS/OSS域名
- ⚠️ 通过警告提示开发者使用CDN域名
- 🛠️ 提供Quick Fix功能,一键替换单个域名
- 🔄 提供批量替换功能,一次性替换所有域名
支持的域名映射
OBS/OSS域名 |
CDN域名 |
说明 |
tyc-fe.obs.cn-north-4.myhuaweicloud.com |
tyc-fe-cdn.tianyancha.com |
华为OBS域名 |
jindi-oss-wangsu.oss-cn-beijing.aliyuncs.com |
cdn.tianyancha.com |
阿里OSS域名 |
使用方法
1. 自动识别和提示
插件会自动扫描以下类型的文件:
- JavaScript (.js)
- TypeScript (.ts)
- HTML (.html)
- Vue (.vue)
- React (.jsx, .tsx)
- JSON (.json)
当检测到OBS/OSS域名时,会显示黄色波浪线警告,提示建议使用CDN域名。
2. Quick Fix 修复
- 将鼠标悬停在警告的域名上
- 点击💡灯泡图标或按
Ctrl+. (Mac: Cmd+. )
- 选择"替换为CDN域名"选项
3. 批量替换
- 打开包含OBS/OSS域名的文件
- 按
Ctrl+Shift+P (Mac: Cmd+Shift+P ) 打开命令面板
- 输入 "Replace All OBS/OSS Domains with CDN"
- 按回车执行批量替换
安装方法
从源码安装
- 克隆或下载项目
- 在项目根目录执行:
npm install
npm run compile
- 在VSCode中按
F5 启动调试模式
- 在新窗口中打开包含OBS/OSS域名的文件进行测试
打包安装
- 安装vsce工具:
npm install -g vsce
- 打包插件:
vsce package
- 安装生成的.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
| |