Начало работы

Что нужно установить и настроить перед началом разработки.

Генерация кода

AI-ассистент создаёт компоненты, страницы и другие модули из шаблонов проекта через CLI. Установить глобально:

npm i -g @gromlab/create

Подробнее: @gromlab/create

VS Code

Расширения

Каждый проект должен содержать файл .vscode/extensions.json — VS Code автоматически предложит установить нужные расширения при открытии проекта.

// .vscode/extensions.json
{
  "recommendations": [
    "biomejs.biome",
    "MyTemplateGenerator.mytemplategenerator",
    "csstools.postcss"
  ]
}

Расширение	Назначение
MyTemplateGenerator	Генерация файлов и папок из шаблонов через UI
Biome	Линтинг и форматирование кода
PostCSS Language Support	Подсветка и автодополнение PostCSS

Настройки

Каждый проект должен содержать файл .vscode/settings.json с базовой конфигурацией редактора.

// .vscode/settings.json
{
  "editor.defaultFormatter": "biomejs.biome",
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "quickfix.biome": "explicit",
    "source.organizeImports.biome": "explicit"
  },
  "files.associations": {
    "*.css": "postcss"
  }
}

Настройка	Что делает
editor.defaultFormatter	Biome как форматтер по умолчанию
editor.formatOnSave	Автоформатирование при сохранении
codeActionsOnSave	Автофикс и сортировка импортов при сохранении
files.associations	CSS-файлы открываются с подсветкой PostCSS