Для замены кавычек на фигурные скобки после className в коде на React с использованием TypeScript/JavaScript в Visual Studio Code, вы можете воспользоваться функциональностью "find and replace".

1. Откройте файл, в котором нужно произвести замену.
2. Нажмите Ctrl + H (Windows) или Cmd + H (Mac) для открытия "поиска и замены".
3. В поле "Найти" введите `\bclassName="([^"]+)"\b`, а в поле "Заменить" введите `className={$1}`.
4. Убедитесь, что опция "Использовать регулярные выражения" (Regular Expression) включена (иконка с .*).
5. Нажмите кнопку "Заменить все".

Опция `\b` в регулярном выражении используется для поиска только точных совпадений. Код `className="..."` будет заменен на `className={...}`.

Чтобы изменить настройки в VS Code и отключить автоматическое добавление кавычек после className только для JSX/TSX файлов, вам нужно отредактировать файл настроек VS Code (settings.json).

1. Откройте файл настроек VS Code, нажав в меню на Правка -> Настройки, или используйте сочетание клавиш Ctrl + , (Windows) или Cmd + , (Mac).
2. В открывшемся окне настроек слева выберите "Расширенные".
3. В поле "Редактировать в настройках JSON" нажмите на ссылку "settings.json".
4. Вставьте следующий код в settings.json:
```
"files.associations": {
    "*.jsx": "javascript",
    "*.tsx": "typescriptreact"
},
"editor.autoClosingQuotes": "beforeWhitespace"
```
5. Сохраните файл настроек.

Это настроит VS Code так, чтобы автоматическое добавление кавычек после className работало только для JavaScript файлов с расширением .jsx и TypeScript файлов с расширением .tsx.

Обратите внимание, что изменение настроек VS Code применяется глобально для всех проектов в среде разработки. Если вы хотите использовать разные настройки для разных проектов, вы можете включить файл настроек VS Code в корне вашего проекта и указать нужные настройки там.

 можно переформулировать следующим образом: Теперь, вместо использования h1.title, используйте 
 .
 можно переформулировать следующим образом: Вам нужно добавить следующий код в файл setting.json:
"emmet.syntaxProfiles": {
    "jsx": {
      "markup.attributes": {
        "class*": "className",
      }
    }
  }
Затем, вместо написания h1.title можно просто написать h1..title (+1 точка).

Ссылка 1

Ссылка 2