VSCode正则匹配替换

前段时间开始一个react的项目，因为没有正式评审所以团队自己在根据ui写部分组件，现在正式开始做了后启用了css Module。

如何快速将css引入方式以及className='xx 修改为className={xx['xx]}呢。

一个一个组件进行修改非常影响效率，这时我们可以使用vscode的正则匹配 将className='' 快速替换为className={xx['xx']}

正则表达式为(ctrl+f 后需要选择第三个使用正则表达式)：

className="(.*?)" //需要匹配进行修改的内容
className={styles['$1']} //修改后的内容