หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

Devectus (Alpha): แอปพลิเคชันองค์ประกอบรหัสออฟไลน์

คำเตือน

โครงการนี้อยู่ในช่วงเริ่มต้นของการพัฒนาและเป็นหนึ่งในความพยายามครั้งแรกของเราในการ opensourcing โครงการ

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

สารบัญ

  • เป้าหมายของเรา
  • คุณสมบัติปัจจุบัน
  • การบริจาค
  • การติดตั้งและเริ่มต้นใช้งาน
  • ใช้แอปพลิเคชัน

เทรลเลอร์ Devectus (คลิกภาพ) -

คำเตือน

ในขณะที่โครงการอยู่ภายใต้ใบอนุญาต CC BY-NC 4.0 สำหรับตอนนี้เราเปิดรับข้อเสนอแนะและอาจพิจารณาใบอนุญาตในอนาคตตามข้อเสนอแนะของผู้สนับสนุน

เป้าหมายของเรา

  • เพื่อให้การใช้ส่วนประกอบโค้ดกลับมาใช้ซ้ำได้ง่ายขึ้นสำหรับนักพัฒนา
  • เพื่อให้การสร้างรหัสของนักพัฒนาซอฟต์แวร์ปลอดภัยและออฟไลน์ 100%
  • เพื่อเพิ่มประสิทธิภาพการพัฒนาโครงการ
  • เพื่อให้ง่ายไม่มีการปรับปรุง AI หรือ LLM เพื่อส่งเสริมความเป็นส่วนตัว "ความอุ่นใจ"
  • ทำให้การออกแบบสะอาดและทันสมัย

คุณสมบัติปัจจุบัน

  • เพิ่มส่วนประกอบด้วย; ชื่อ , แท็ก (สูงสุด 3 ตอนนี้), ภาษา (สูงสุด 3 ตอนนี้) และ กล่องอินพุตรหัส
  • แก้ไของค์ประกอบ; ชื่อ แท็ก ภาษา และ รหัสอินพุตรหัส
  • ลบส่วนประกอบ
  • ส่วนประกอบพิน
  • เลือกส่วนประกอบเพื่อแสดงข้อมูลทั้งหมดที่ป้อนโดยผู้ใช้
  • ค้นหาส่วนประกอบตามชื่อหรือแท็ก
  • พื้นที่แท็กล่าสุดเพื่อการเข้าถึงส่วนประกอบที่ดีขึ้น
  • พื้นที่แท็ก Langauges สำหรับรายการ 5 langauges ในห้องสมุดของส่วนประกอบ
  • พื้นที่การตั้งค่าที่มีธีมมืดและแสงสำหรับแอป
  • ปุ่มรีเฟรชแอพ
  • โลโก้รหัสที่กำหนดโดยอัตโนมัติสำหรับส่วนประกอบจาก "Devicons"

การบริจาค

เรามีคุณสมบัติมากมายความคิดและปัญหาบางอย่างในการทำงาน (ดูปัญหา) หากคุณคิดว่าคุณสามารถมีส่วนร่วมตรวจสอบพื้นที่ที่มีส่วนร่วม MD และแจ้งให้เราทราบ!

คุณสมบัติที่ต้องการ

  • ส่วนประกอบของ Dyanamic React/แอปพลิเคชันโหลดซ้ำเมื่อการโต้ตอบเกิดขึ้นเช่นเมื่อมีการเพิ่มส่วนประกอบใหม่พื้นที่ส่วนประกอบจะถูกรีเฟรชเพื่อแสดงส่วนประกอบใหม่ทันที
  • การค้นหาแบบไดนามิกที่แสดงผลลัพธ์ที่มีอยู่โดยอัตโนมัติตามอินพุตที่ใช้งานอยู่
  • ความสามารถในการประมวลผล/เอาต์พุตที่มากขึ้น (ปัจจุบันเฉพาะ HTML, CSS, JavaScript); สิ่งนี้อาจถูกนำมาใช้โดยใช้ Editors Monaco (เปิดรับคำแนะนำ)
  • การทำความสะอาดรหัสและการปรับให้เหมาะสม
  • โครงสร้างไฟล์และโฟลเดอร์ที่ดีกว่า

ไอเดียคุณสมบัติในอนาคต

  • ความรับผิดชอบที่ดีกว่าสำหรับอุปกรณ์ทั้งหมด (สไตล์)
  • การแจ้งเตือนการตอบสนองต่อการแจ้งเตือนมากขึ้น
  • การพิจารณานโยบายความปลอดภัยและความปลอดภัยของเนื้อหา
  • ลากส่วนที่ปรับได้เช่นการจัดระเบียบความกว้างของคอนเทนเนอร์ส่วนประกอบหรือพื้นที่รายละเอียดรหัส
  • การประทับเวลาของส่วนประกอบโดยอัตโนมัติ ("วันที่สร้าง", "วันที่แก้ไข"))
  • พื้นที่สีม่วงสไตล์ที่กำหนดเองอย่างสมบูรณ์เพื่อให้ตรงกับธีม Dark/Light (Code Editor)
  • ภาพเคลื่อนไหวและเอฟเฟกต์การเปลี่ยนผ่าน (สไตล์)
  • ธีมที่เลือกได้มากขึ้น
  • การเชื่อมต่อแอปพลิเคชันกับการขยายในรหัส VS เพื่อเพิ่มรหัสส่วนประกอบลงในโครงการได้ง่ายขึ้น
  • Obsidian Intergration/ความเข้ากันได้เพื่อเชื่อมต่อส่วนประกอบกับโน้ต

ดูคุณสมบัติทั้งหมดที่วางแผนไว้ที่นี่

เรามักจะเปิดรับข้อเสนอแนะเพิ่มเติมที่สอดคล้องกับเป้าหมายของโครงการ

การติดตั้งและเริ่มต้นใช้งาน

ณ ตอนนี้โครงการสามารถติดตั้งได้จากที่เก็บ GitHub นี้เท่านั้น -

โปรดตรวจสอบให้แน่ใจว่าเวอร์ชัน nodejs ของคุณคือ v20.15.1 หรือใหม่กว่า

ทำตามคำแนะนำที่เอกสาร GitHub

เริ่มต้น

ติดตั้งแพ็คเกจ - 

 npm install

เริ่มแอปพลิเคชัน - 

 npm start

คำเตือน

ขณะนี้เราไม่ทราบถึงความเข้ากันได้ข้ามของแอปพลิเคชันนี้ในระบบปฏิบัติการอื่นนอกเหนือจาก Windows 11 โปรดแจ้งให้เราทราบถึงปัญหาใด ๆ ที่คุณอาจพบ!

ใช้แอปพลิเคชัน

  • การเพิ่มส่วนประกอบ

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

  • เลือกและดูข้อมูลส่วนประกอบ

    คลิกที่ส่วนประกอบในรายการ/พื้นที่ส่วนประกอบเพื่อแสดงข้อมูลทั้งหมดที่ป้อนเข้าสำหรับส่วนประกอบที่เลือกนั้นรวมถึงชื่อแท็ก langauges และรหัสที่ป้อนรวมถึงเอาต์พุต (HTML, CSS และ JavaScript เท่านั้น)

  • แก้ไขส่วนประกอบ

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

  • ลบส่วนประกอบ

    คุณสามารถลบส่วนประกอบได้โดยเลือกส่วนประกอบจากนั้นเลือกปุ่ม "ลบ" ในพื้นที่เครื่องมือจากนั้นคลิกยืนยันการลบ

  • ตรึงส่วนประกอบ

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

  • ค้นหาส่วนประกอบ

    คุณสามารถค้นหาส่วนประกอบได้โดยพิมพ์การค้นหาของคุณลงในแถบค้นหาด้านบนปุ่มเครื่องมือ/พื้นที่และเลือกไอคอนการค้นหาหรือกดปุ่ม "Enter"

  • เปลี่ยนธีมแอปพลิเคชัน

    เลือกปุ่มการตั้งค่าที่ด้านบนซ้ายของแอปพลิเคชันจากนั้นเลือกธีมที่ต้องการ (แสง/มืด)

  • รีเฟรชแอปพลิเคชัน

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

บันทึก

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

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