fluid styleguide 다운로드 - fluid styleguide 소스 코드 다운로드

fluid styleguide

타사 구성 요소

2.1.3 Compatibility with TYPO3 13

다운로드

유체 스타일 가이드 - 오타 3의 Living StyleGuide

Fluid StyleGuide는 TYPO3 프로젝트를위한 설계 공동 작업 도구입니다. 재사용 가능한 구성 요소를 만들도록 Frontend 개발자를 지원하고 모든 프로젝트 이해 관계자에서 효과적인 커뮤니케이션을 장려합니다.

라이브 데모를 시도하십시오

대상 그룹

Fluid StyleGuide는 모든 프로젝트 이해 관계자에게 유용한 도구가 될 수 있습니다.

디자이너와 프론트 엔드 개발자는 개발 및 QA 워크 플로를 향상시킬 수 있습니다.
프론트 엔드, 백엔드 및 통합은 스택 간 데이터 구조 및 인터페이스를 논의하고 조정합니다.
프로젝트 관리자 및 제품 소유자는 프로젝트 구성 요소의 현재 상태를 봅니다.
클라이언트는 프로젝트 상태의 투명성을 더 많이 얻습니다

특징

프로젝트 구성 요소의 시각화
구성 요소의 분리 된 개발
반응 형 테스트
통합 구성 요소 문서
여러 언어 지원
Typo3의 자산 수집가가 제공하는 프론트 엔드 자산 지원
유체 경적 경쟁자를 기반으로 코드 품질 문제를 보여줍니다
프로젝트의 브랜드 색상에 맞는 기본 스키닝
지퍼 다운로드
YAML 파일을 통한 쉽고 유연한 구성
예제 데이터의 라이브 편집 [베타]

시작하기

STYLEGUIDE를 시작하려면 다음과 같은 간단한 단계를 수행하십시오.

유체 스타일 가이드를 설치하십시오
작곡가를 통해 :
```
 composer require sitegeist/fluid-styleguide
```
또는 TER에서 확장자를 다운로드하십시오.
Ter : fluid_styleguide
데모 구성 요소로 유체 스타일 가이드를 테스트하십시오
오타 3 설치에서 페이지 /fluid-styleguide/ 열 수 있습니다.
```
 https://my-domain.tld/fluid-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 의 확장 키를 사용하십시오.

프론트 엔드 자산을 구성하십시오

Extension 또는 SitePackage에서 StyleGuide 구성 파일을 만듭니다.

구성/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 '