Перейти к основному содержимому

Быстрый старт

Вариант 1: Интерактивный режим

Запустите генератор и следуйте подсказкам:

zgf

Demo

Подсказки включают:

  • Имя проекта
  • Менеджер пакетов
  • Язык (TypeScript / JavaScript)
  • Архитектура (FSD / Atomic / Empty)
  • Маршрутизация (опционально с приватной зоной)
  • Стейт‑менеджер (RTK / Mobx / None)

Вариант 2: Параметры CLI

Показать параметры CLI

Пример:

CLI example
zgf --name=my-app --pm=yarn --lang=ts --arch=fsd --routing --private --sm=redux
ПараметрАлиасТипОписание
--name-nstringИмя проекта
--pmstringМенеджер пакетов (npm, yarn, pnpm)
--langstringЯзык (ts, js)
--archstringАрхитектура (fsd, atomic, empty)
--routingbooleanВключить react-router-dom
--privatebooleanДобавить публичную/приватную маршрутизацию
--smstringСтейт‑менеджер (redux, mobx, none)
--helpbooleanПоказать справку
--versionbooleanПоказать версию CLI
--presetstringСоздать проект по пресету
--preset-listbooleanПоказать список пресетов

CLI Help

Выполните команду, чтобы посмотреть все доступные опции CLI:

zgf --help

Чтобы проверить установленную версию:

zgf --version

Пример вывода:

Показать пример вывода

Параметры

ПараметрАлиасТипОписаниеЗначения
--name-nstringИмя проекта
--pmstringМенеджер пакетовnpm · yarn · pnpm
--langstringЯзык программированияts · js
--archstringТип архитектурыfsd · atomic · empty
--routingbooleanВключить react-router-dom
--privatebooleanДобавить публичные/приватные маршруты
--smstringСтейт‑менеджерredux · mobx · none
--helpbooleanПоказать справку
--versionbooleanПоказать версию CLI
--presetstringСоздать проект по пресету
--preset-listbooleanПоказать список пресетов

Примеры

CLI example
zgf --name=my-app --pm=yarn --lang=ts --arch=fsd --routing --private --sm=redux
примечание

Создайте свой пресет для более быстрой инициализации:

zgf-preset

Внимание! Для корректной работы пресетов и других функций CLI необходимо установить глобально — см. раздел Установка.


Рецепты

  • [FSD + TypeScript + routing]

    CLI example
    zgf --name=my-app --pm=yarn --lang=ts --arch=fsd --routing --private --sm=redux
  • [Минимальный пустой JS‑проект]

    zgf --name=playground --pm=npm --lang=js --arch=empty --sm=none
  • [Использовать пресет]

    zgf --preset=my-preset

🧰 Устранение неполадок

  • "zgf: command not found" — установите глобально:

    npm i -g zero-guess-frontend
  • Windows: cannot run scripts — разрешите выполнение скриптов в PowerShell:

    Set-ExecutionPolicy -Scope CurrentUser RemoteSigned
  • EACCES / права доступа — убедитесь, что у вас есть права на запись в целевую папку.


Смотрите также