FSDGen — это CLI-инструмент для генерации компонентов и срезов в вашем проекте, используя методологию Feature-Sliced Design (FSD). С помощью FSDGen вы можете легко создавать UI-компоненты и срезы для функций, сущностей и страниц.
FSDGen предоставляет простой интерфейс командной строки для создания компонентов и срезов в вашем проекте. Он автоматически создает необходимые файлы и структуру директорий в соответствии с методологией Feature-Sliced Design.
Чтобы установить FSDGen глобально, выполните следующую команду:
npm install -g fsdgen
Чтобы создать новый UI-компонент, используйте команду:
fsdgen ui <componentName>
Например:
fsdgen ui Button
Эта команда создаст компонент Button
в директории src/shared/ui/Button
с необходимыми файлами:
Button.tsx
Button.stories.tsx
Button.module.scss
index.ts
(open api, для экспорта компонента)
Чтобы создать новый срез, используйте команду:
fsdgen slice <layer> <sliceName>
Например:
fsdgen slice features userProfile
Эта команда создаст срез userProfile
в директории src/features/userProfile
с необходимыми файлами.