Генерируйте полноценные React-компоненты по своим шаблонам — со стилями, index-файлами, типами и тестами — не выходя из VS Code.
Три шага от папки до компонента
В проводнике VS Code кликните правой кнопкой по любой папке и выберите «Create React Component».
Введите имя компонента. Стиль написания применяется автоматически согласно настройкам.
Выберите один из своих шаблонов. Файлы генерируются мгновенно.
Гибкая, шаблонная генерация компонентов
Создавайте компоненты по собственным .jsx / .tsx шаблонам из папки .react-templates.
Поддержка .tsx и .jsx — переключается одной настройкой.
Автоматическая генерация CSS, SCSS или CSS Modules вместе с каждым компонентом.
Barrel re-exports и types.ts генерируются из настраиваемых шаблонов.
Тестовые файлы создаются в подпапке tests/ по вашему шаблону.
Выбирайте PascalCase, camelCase, kebab-case, snake_case или lowercase — отдельно для файлов и папок.
Добавьте .rcmakerrc.json рядом с package.json — и глобальные настройки больше не нужны.
Правый клик по папке, «Create React Component» — и готово.
Добавьте .rcmakerrc.json рядом с package.json, и расширение подхватит его автоматически. Больше не нужно менять глобальные настройки при переключении между проектами.
Локальные настройки имеют приоритет над глобальными. Отсутствующие поля подхватываются из глобальных.
{
"useTypeScript": true,
"folderNameStyle": "kebab-case",
"fileNameStyle": "PascalCase",
"createStyleFile": true,
"styleExtension": "module.css",
"generateIndexFile": true,
"indexInComponentFolder": false
}Установите из VS Code Marketplace и начните генерировать компоненты за секунды.