rocket ui Download - rocket ui Source Source Download

rocket ui

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

v2.0.17

ดาวน์โหลด

- ซึ่งเลิกใช้แล้ว

ห้องสมุดนี้เลิกใช้แล้ว ส่วนประกอบได้รับการ rewitten โดยใช้ materi-ui ล่าสุดและตอบสนองและสามารถพบได้ที่นี่: rocket-ui

สำหรับเอกสารและตัวอย่างที่มีความหมายตรวจสอบเอกสาร Gitbook

Rocket-Ui (เลิกใช้แล้ว)

คอลเลกชันบิต

ชุดของส่วนประกอบปฏิกิริยาที่สามารถนำกลับมาใช้ใหม่ได้และสร้างขึ้นใหม่สร้างขึ้นบนส่วนบนของวัสดุ UI Core สำหรับการพัฒนาอินเทอร์เฟซเว็บแอปพลิเคชันที่รวดเร็วและเป็นมิตร

? ‍ ตรวจสอบคู่มือการย้ายถิ่นจาก Bit Legacy ไปยัง Bit Harmony Version

- การติดตั้ง

NPMRC เป็นไฟล์กำหนดค่า NPM และเพื่อใช้ไลบรารีของเราคุณต้องกำหนดค่าไฟล์นี้

‼ ข้ามขั้นตอนนี้หากโครงการถูกสร้างขึ้นด้วยเครื่องกำเนิดจรวด WebApp ของเรา ไฟล์. npmrc ได้รับการกำหนดค่าแล้ว

วิ่ง

npm config set @totalsoft_oss:registry https://node.bit.cloud

คำสั่งนี้จะเพิ่มรายการในไฟล์รูท. npmrc ของคุณ หากไม่มีอยู่มันจะสร้างหนึ่ง

- การติดตั้งองค์ประกอบเดียว

ไปที่หน้าส่วนประกอบหลักแล้วเลือกคำสั่งสำหรับตัวจัดการแพ็คเกจที่คุณใช้ คุณยังสามารถเลือกเวอร์ชันที่คุณต้องการติดตั้ง

เรียกใช้คำสั่งในเทอร์มินัลของคุณและคุณจะพร้อมใช้งาน!

npm i @totalsoft_oss/rocket-ui.components.data-display.typography

- ติดตั้งส่วนประกอบทั้งหมดด้วยแพ็คเกจเดียว

หากคุณต้องการมีส่วนประกอบทั้งหมดในโครงการของคุณในแพ็คเกจเดียว นำทางไปยังองค์ประกอบหลักในบิตคลาวด์

ติดตั้งแพ็คเกจ core โดยใช้งาน

npm i @totalsoft_oss/rocket-ui.core

การใช้งาน

    import React from 'react'
    import Typography from '@totalsoft_oss/rocket-ui.components.data-display.typography'
    /* example using core package
    import { Typography } from '@totalsoft_oss/rocket-ui.core'
    */

    const App = ( ) => {
        return (
            < Typography variant = 'body2' emphasis = 'bold' >
                "Text"
            </ Typography >
        )
    }

- โครงสร้างส่วนประกอบ

แต่ละองค์ประกอบอยู่ในส่วนที่เหมาะสมสำหรับวัตถุประสงค์ ตัวอย่างเช่นส่วนประกอบที่เกี่ยวข้องกับปุ่มทั้งหมดอยู่ในโฟลเดอร์ buttons ส่วนประกอบทั้งหมดมีโครงสร้างไฟล์เดียวกัน เรานำไปใช้และบังคับใช้โครงสร้างนี้โดยการสร้างตัวสร้างส่วนประกอบของเราเองซึ่งเป็นฟังก์ชันการทำงานโดยบิต อย่างที่คุณจะเห็นส่วนประกอบทั้งหมดและส่วนที่จะถูกสร้างขึ้นโดยใช้เทมเพลต rocket-generator จะมีโครงสร้างต่อไปนี้

ไฟล์รายการ index.js
ไฟล์หลัก MyComponent.js
MyComponent.test.js ไฟล์ทดสอบ
ไฟล์เอกสาร MyComponent.docs.mdx สำหรับส่วนประกอบ
compositions องค์ประกอบองค์ประกอบ
- MyComponent.composition.js องค์ประกอบสำหรับการจำลององค์ประกอบในสถานะและบริบทที่แตกต่างกัน

- คู่มือการสนับสนุน

เราใช้บิตสำหรับการจัดการส่วนประกอบและการบริจาค บิตเป็นเครื่องมือโอเพนซอร์ซสำหรับการเขียนซอฟต์แวร์ที่ขับเคลื่อนด้วยส่วนประกอบ

- ติดตั้งบิต

แนะนำให้ใช้พรอมต์คำสั่งแทน PowerShell เนื่องจากปัญหาความเข้ากันได้บางอย่าง

npm i -g @teambit/bvm

bvm install

หากเกิดข้อผิดพลาดใด ๆ ที่ติดตั้งโปรดตรวจสอบส่วนการแก้ไขปัญหา

- เริ่มเซิร์ฟเวอร์ท้องถิ่น

หลังจากติดตั้งบิตเรียบร้อยแล้วคุณสามารถโคลนพื้นที่เก็บข้อมูลและใช้ฟังก์ชันบิตได้อย่างเต็มที่?

ในการเริ่มต้นใช้งานทันทีรันคำสั่ง bit start และเปิด localhost: 3000 อาจใช้เวลาสักครู่ในการสร้างครั้งแรกที่คุณเรียกใช้คำสั่งนี้เนื่องจากกำลังสร้างส่วนต่อประสานผู้ใช้ทั้งหมดสำหรับสภาพแวดล้อมการพัฒนาของคุณ เมื่อเซิร์ฟเวอร์ท้องถิ่นเปิดใช้งานคุณจะเห็นส่วนประกอบทั้งหมดและคุณสามารถโต้ตอบกับพวกเขาได้

bit start

- แก้ไขส่วนประกอบที่มีอยู่

หลังจากเปลี่ยน/แก้ไขส่วนประกอบตามความต้องการของคุณคุณควรเรียกใช้ bit test เพื่อให้แน่ใจว่าการทดสอบทั้งหมดกำลังผ่านและเพิ่มมากขึ้นหากการเปลี่ยนแปลงของคุณต้องการ

bit test

นอกจากนี้หากมีการเพิ่มคุณสมบัติใหม่นอกเหนือจากการทดสอบตัวอย่างที่มีฟังก์ชั่นใหม่ควรเพิ่ม ตัวอย่างไฟล์อยู่ในไดเรกทอรีส่วนประกอบแต่ละรายการภายในไดเรกทอรี compositions

หลังจากเปลี่ยนส่วนประกอบคุณต้องเรียกใช้ bit status เพื่อตรวจสอบปัญหาที่เกี่ยวข้องกับบิตแล้ว bit compile เพื่อให้มีการแก้ไขล่าสุดใน UI ของคุณ

bit status

bit compile

- การเพิ่มองค์ประกอบใหม่

สำหรับการสร้างองค์ประกอบใหม่คุณควรใช้เครื่องกำเนิดส่วนประกอบของเราเอง rocket-generator ที่ให้เทมเพลตซึ่งมีประโยชน์ในการใช้งานส่วนประกอบใหม่

bit create rocket-generator components/buttons/my-component

- คำขอเปิดเปิด

เมื่อการเปลี่ยนแปลง/คุณสมบัติ/การแก้ไขของคุณเสร็จสิ้นและคุณต้องการทำเครื่องหมายว่าส่วนประกอบใดที่เผยแพร่เวอร์ชันถัดไปและการใช้ข้อความ Changelog -ตัวเลือกที่นุ่ม