visual react editor
1.0.0
underhive ushers ในรูปแบบใหม่ของการพัฒนาเว็บที่แอปพลิเคชันตอบสนองสามารถแก้ไขได้ด้วยสายตาคล้ายกับการทำงานภายใน Figma หรือเครื่องมือออกแบบที่คล้ายกัน เครื่องมือของเราช่วยให้นักออกแบบและนักพัฒนาสามารถจัดการองค์ประกอบ UI ของแอปพลิเคชันได้โดยตรงในตัวแก้ไขภาพรวมการรวมความสะดวกสบายของซอฟต์แวร์การออกแบบเข้ากับกรอบการทำงานที่แข็งแกร่งของ React
ในการติดตั้ง underhive ให้เรียกใช้คำสั่งต่อไปนี้ในไดเรกทอรีโครงการของคุณ:
npm install underhiveนำเข้า underhive ในไฟล์ React หลักของคุณ:
import { attachEditor , detachEditor } from 'underhive' ; ใช้ attachEditor เพื่อเปิดใช้งานสภาพแวดล้อมการแก้ไขภาพ:
if ( process . env . NODE_ENV === 'development' ) {
attachEditor ( ) ;
} เรียกใช้ detachEditor เพื่อปิดการใช้งานตัวแก้ไขภาพ:
detachEditor ( ) ;ตรวจสอบให้แน่ใจว่าฟังก์ชั่นเหล่านี้ใช้ในการตรวจสอบสภาพแวดล้อมการพัฒนา
เริ่มต้น Underhive ในโครงการของคุณด้วย:
npx ucli init สิ่งนี้จะตั้งค่า underhive และแก้ไข package.json ของคุณเพื่อรวมคำสั่ง underhive server โดยใช้ concurrently สิ่งนี้ทำให้มั่นใจได้ว่าสคริปต์เริ่มต้นที่มีอยู่ของคุณและเซิร์ฟเวอร์ Underhive จะทำงานพร้อมกัน
ในการเริ่มต้นโครงการของคุณด้วย Underhive ให้ใช้:
npm startโครงการนี้จะเป็นไปไม่ได้หากปราศจากความพยายามดั้งเดิมของผู้สร้าง ProjectVisbug
