Скачать fluid styleguide - Скачать исходный код fluid styleguide

fluid styleguide

Сторонние компоненты

2.1.3 Compatibility with TYPO3 13

Скачать

Fluid StyleGuide - Living StyleGuide для типов3

Fluid StyleGuide - это инструмент для совместной работы дизайна для проектов типов. Он поддерживает разработчиков фронта в создании многоразовых компонентов и поощряет эффективное общение для всех заинтересованных сторон проекта.

Попробуйте живую демонстрацию

Целевые группы

Fluid StyleGuide может быть полезным инструментом для всех заинтересованных сторон проекта:

Дизайнеры и разработчики Frontend могут улучшить свои разработки и рабочих процесса QA
Frontend, Backend и Integration Обсудите и координируйте структуры данных и интерфейсы между стеками
Менеджеры проектов и владельцы продуктов видят текущее состояние компонентов проекта
Клиенты получают большую прозрачность статуса проекта

Функции

Визуализация компонентов проекта
изолированное развитие компонентов
отзывчивое тестирование
Интегрированная компонентная документация
Поддержка нескольких языков
Поддержка фронтальных активов, предоставленных коллекционером активов Tipo3
Показывает проблемы с качеством кода на основе жидкости-компонентов-линтер
Основная скидка, чтобы соответствовать цветам марки проекта
ZIP скачать
Простая и гибкая конфигурация через файл yaml
Живое редактирование примеров данных [бета]

Начиная

Просто следуйте этим простым шагам, чтобы начать с StyleGuide:

Установите Fluid StyleGuide
через композитор:
```
 composer require sitegeist/fluid-styleguide
```
или загрузите расширение от Ter:
Тер: Fluid_styleguide
Проверка стиля жидкости с демонстрационными компонентами
Просто откройте страницу /fluid-styleguide/ в вашей установке Typo3:
```
 https://my-domain.tld/fluid-styleguide/
```

Чтобы добавить свои собственные компоненты в StyleGuide, просто выполните эти дополнительные шаги:

Настройте компоненты жидкости
Обязательно определите пространство имен компонентов в вашем ext_localconf.php :
```
 $ GLOBALS [ ' TYPO3_CONF_VARS ' ][ ' EXTCONF ' ][ ' fluid_components ' ][ ' namespaces ' ][ ' VENDOR \ MyExtension \ Components ' ] =
     TYPO3  CMS  Core  Utility ExtensionManagementUtility:: extPath ( ' my_extension ' , ' Resources/Private/Components ' );
```
Используйте свое собственное имя поставщика для VENDOR , имени расширения для MyExtension и расширения для my_extension .
Настройте свои фронтальные активы
Создайте файл конфигурации StyleGuide в расширении или SitePackage.
Конфигурация/yaml/fluidstyleguide.yaml:
```
 FluidStyleguide :
    ComponentAssets :
        Packages :
            ' VendorMyExtensionComponents ' :
                Css :
                    - ' EXT:my_extension/Resources/Public/Css/Main.min.css '
                Javascript :
                    - ' EXT:my_extension/Resources/Public/Javascript/Main.min.js '
```
Используйте свое собственное имя поставщика для VENDOR , имени расширения для MyExtension и расширения для my_extension . Отрегулируйте пути к активам в соответствии с вашей структурой каталога.
Начните создавать свои собственные компоненты, используя компоненты жидкости и файлы приспособления

Если у вас есть какие-либо вопросы, вам нужны поддержка или вы хотите обсудить компоненты в типо3, не стесняйтесь присоединиться к #ext-fluid_components.