ดาวน์โหลด fluid styleguide - ดาวน์โหลดซอร์สโค้ดของ fluid styleguide

fluid styleguide

ส่วนประกอบของบุคคลที่สาม

2.1.3 Compatibility with TYPO3 13

ดาวน์โหลด

Fluid Styleguide - Living Styleguide สำหรับ Typo3

Fluid Styleguide เป็นเครื่องมือการทำงานร่วมกันการออกแบบสำหรับโครงการ TYPO3 รองรับนักพัฒนาส่วนหน้าในการสร้างส่วนประกอบที่สามารถนำกลับมาใช้ใหม่ได้และส่งเสริมการสื่อสารที่มีประสิทธิภาพในผู้มีส่วนได้ส่วนเสียทุกโครงการ

ลองสาธิตสด

กลุ่มเป้าหมาย

Fluid Styleguide สามารถเป็นเครื่องมือที่มีประโยชน์สำหรับผู้มีส่วนได้ส่วนเสียในโครงการทั้งหมด:

นักออกแบบและนักพัฒนาส่วนหน้า สามารถปรับปรุงการพัฒนาและเวิร์กโฟลว์ QA ของพวกเขา
ส่วนหน้าแบ็คเอนด์และการรวมการ อภิปรายและประสานงานโครงสร้างข้อมูลและอินเทอร์เฟซระหว่างสแต็ก
ผู้จัดการโครงการและเจ้าของผลิตภัณฑ์ ดูสถานะปัจจุบันของส่วนประกอบของโครงการ
ลูกค้า จะได้รับสถานะโครงการที่โปร่งใสมากขึ้น

คุณสมบัติ

การสร้างภาพของส่วนประกอบโครงการ
การพัฒนาส่วนประกอบที่แยกได้
การทดสอบตอบสนอง
เอกสารประกอบแบบบูรณาการ
สนับสนุนหลายภาษา
สนับสนุนสินทรัพย์ส่วนหน้าโดยนักสะสมสินทรัพย์ของ Typo3
แสดงปัญหาคุณภาพของรหัสตามองค์ประกอบของของเหลว
สกินขั้นพื้นฐานเพื่อให้พอดีกับสีแบรนด์ของโครงการ
ดาวน์โหลดซิป
การกำหนดค่าที่ง่ายและยืดหยุ่นผ่านไฟล์ YAML
การแก้ไขข้อมูลตัวอย่าง [เบต้า]

เริ่มต้น

เพียงทำตามขั้นตอนง่ายๆเหล่านี้เพื่อเริ่มต้นด้วย StyleGuide:

ติดตั้ง fluid styleguide
ผ่านนักแต่งเพลง:
```
 composer require sitegeist/fluid-styleguide
```
หรือดาวน์โหลดส่วนขยายจาก TER:
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 ปรับเส้นทางไปยังสินทรัพย์ตามโครงสร้างไดเรกทอรีของคุณ
เริ่มสร้างส่วนประกอบของคุณเองโดยใช้ส่วนประกอบของเหลวและไฟล์ติดตั้ง