求VSCode中文件路径批量替换的正则表达式

针对批量替换不同类型文件路径的需求，以下是分场景的正则替换方案，确保保留文件名并替换到对应目录：

1. JavaScript 文件替换（目标格式：js/文件名.js） #

查找正则 #

.*\/([^\/]+\.js)

替换内容 #

js/$1

• 逻辑：.*\/ 匹配路径中最后一个斜杠前的所有前缀内容，([^\/]+\.js) 捕获以 .js 结尾的完整文件名；替换时用 js/$1 保留文件名并替换到 js 目录。

2. 图片文件替换（目标格式：img/文件名.图片后缀） #

查找正则 #

.*\/([^\/]+\.(jpg|jpeg|png|gif|webp))

替换内容 #

img/$1

• 逻辑：覆盖常见图片格式，.*\/ 匹配路径前缀，括号内捕获完整图片文件名；替换后保留文件名并放入 img 目录。

3. CSS 文件替换（目标格式：css/文件名.css） #

查找正则 #

.*\/([^\/]+\.css)

替换内容 #

css/$1

• 逻辑与JS文件一致，专门匹配 .css 后缀的文件路径。

实用注意事项 #

• 编辑器（如VS Code）中使用时，需开启「正则匹配」模式（点击搜索框旁的.*按钮）。
• 若路径包含引号（如src="old/path.jpg"），可调整正则包含引号：例如图片路径查找正则改为 src=".*\/([^\/]+\.(jpg|png))"，替换为 src="img/$1"。

内容的提问来源于stack exchange，提问作者Сергей Телешов