如何使用正则查找替换在左大括号前插入缺失的空格

我有一个SCSS文件，示例如下：

.nice{
  display: flex;

  &--green {
    color: green;
  }

  &--2{
    display: grid;
  }

  @media only screen and (max-width: 600px){
    display: none;
  }
}

需求是在所有缺失空格的左大括号前插入空格，通过正则查找替换实现，操作方法如下：

正则替换配置 #

先打开编辑器的查找替换功能，开启正则匹配开关，按以下规则填写：

• 查找内容：(\S)\{
• 替换为：$1 {

规则说明 #

这个正则只会匹配前面紧挨着非空白字符的左大括号，已经在{前加了空格的代码行不会被命中，不会出现重复加空格的问题。
对示例文件执行全部替换后，最终效果如下：

.nice {
  display: flex;

  &--green {
    color: green;
  }

  &--2 {
    display: grid;
  }

  @media only screen and (max-width: 600px) {
    display: none;
  }
}

注意事项 #

如果你的SCSS代码里存在字符串、行内注释中紧挨着非空白字符的{，建议替换前先逐一审视命中项，避免误修改非样式结构的内容。常规业务样式代码基本不会触发这类误匹配。

内容的提问来源于stack exchange，提问作者hb20007