Skip to content
| Marketplace
Sign in
Visual Studio Code>Linters>Replace Domain CDNNew to Visual Studio Code? Get it now.
Replace Domain CDN

Replace Domain CDN

mihaibo

|
5 installs
| (1) | Free
自动识别并替换OBS/OSS域名为CDN域名,提升资源加载性能
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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 修复

  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

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft