หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

WebCodesk เป็นแอปพลิเคชันที่ติดตั้งเป็นโมดูล NPM ประกอบด้วยสองส่วน: ส่วนเซิร์ฟเวอร์และส่วนไคลเอนต์ ส่วนเซิร์ฟเวอร์คือแอปพลิเคชัน NodeJS ที่ควรเริ่มต้นในบรรทัดคำสั่งบนคอมพิวเตอร์ในท้องถิ่น ส่วนไคลเอนต์ทำงานในเว็บเบราว์เซอร์

WebCodesk ช่วยนักพัฒนาในการสร้างเว็บแอปพลิเคชันด้วยส่วนประกอบ REACT UI มันมีตัวแก้ไขภาพจำนวนมากที่ผู้ใช้สามารถ เขียนส่วนประกอบ UI ในหน้า สร้างตรรกะการไหลของข้อมูล ระหว่างส่วนประกอบ UI และ การดีบักข้อมูลการไหลของข้อมูล ด้วยสายตา

การแนะนำ

อ่านบทความเกี่ยวกับ Hackernoon เกี่ยวกับสาเหตุที่ WebCodesk ถูกสร้างขึ้น:

  • ฉันพัฒนาเครื่องมือพัฒนาภาพสำหรับเว็บแอปพลิเคชันด้วย React

เพื่อตอบสนองนักพัฒนา

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

ให้โอกาส WebCodesk และพยายามสร้างแอปพลิเคชันหน้าเดียวขนาดเล็กของคุณเองฉันรับรองว่าคุณไม่ต้องการเขียนโค้ดพิเศษมากมาย

  • คุณไม่ต้องเรียนรู้อะไรใหม่ ๆ แต่คุณจะไม่เขียนรหัสที่ไม่จำเป็นสำหรับ Redux

  • WebCodesk ไม่ได้สร้างรหัส มันใช้กรอบขนาดเล็กที่เชื่อถือได้ ข้อพิสูจน์ความน่าเชื่อถือคือความจริงที่ว่าเฟรมเวิร์กถูกใช้ภายในเว็บโค้ดเอง

มันทำงานอย่างไร

แต่ละโครงการสำหรับ WebCodesk ถูก bootstrapped โดย create-react-app นอกจากนี้ React-App-Framework ซึ่งเป็นไลบรารีที่ออกแบบมาสำหรับเว็บโค้ดจะถูกเพิ่มลงในรหัสโครงการ

โครงการมีไฟล์การกำหนดค่าที่ป้อนเข้ากับเฟรมเวิร์กแอป React เฟรมเวิร์กในเทิร์นจะสร้างหน้าเส้นทางและทำให้คอนเทนเนอร์สำหรับ Redux จากส่วนประกอบปฏิกิริยาแบบง่าย

จากนั้นเฟรมเวิร์กเชื่อมต่อคอนเทนเนอร์เข้ากับโซ่ของการกระทำอย่างที่คุณทำโดยใช้การกระทำ Redux

การกำหนดค่าของเฟรมเวิร์กนั้นซับซ้อนพอที่จะเขียนด้วยตนเอง ดังนั้น WebCodesk ช่วยให้คุณสร้างและแก้ไขด้วย Visual Editors:

  • ตัวแก้ไขหน้า
  • ตัวแก้ไขแผนภาพการไหล

สิ่งที่คุณต้องทำคือเขียนรหัสของส่วนประกอบและฟังก์ชั่นปฏิกิริยา

การติดตั้ง

  • เรียกใช้คำสั่งในบรรทัดคำสั่งทีละหนึ่ง 
 > npx @webcodesk/install-webcodesk <new-project-name-dir>

> cd ./<new-project-name-dir>

> yarn wcd
  • เปิดเว็บโค้ดในเบราว์เซอร์: 
 http://localhost:7070

  • เลือกโครงการใด ๆ ในตลาด

  • ตอนนี้เปิดซอร์สโค้ดของโครงการใน IDE ที่คุณชื่นชอบ

เป็นการดีกว่าที่จะเริ่มต้นที่เก็บซอร์สโค้ดก่อนที่คุณจะตั้งค่าพื้นที่ทำงานของโครงการใน IDE ตัวอย่างเช่นโปรดอ่านคำแนะนำเกี่ยวกับวิธีการทำสิ่งนี้สำหรับ gitHub repo: การเพิ่มโครงการที่มีอยู่ใน GitHub โดยใช้บรรทัดคำสั่ง

อัพเกรด

  • ไปที่โครงการ DIR และเรียกใช้คำสั่งในบรรทัดคำสั่งทีละหนึ่ง 
 > yarn remove @webcodesk/webcodesk-srv

> yarn add @webcodesk/webcodesk-srv -D -E

เอกสาร

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

  • คู่มือผู้ใช้

ผลงาน

ฉันค่อนข้างเปิดรับคำขอคุณสมบัติใหม่หรืองานใด ๆ ที่คุณต้องการทำ แต่เรามาพูดคุยเรื่องนี้ในฉบับใหม่พร้อมคำอธิบายโดยละเอียดก่อนที่จะสร้าง PR ใหม่

  • จรรยาบรรณ

ชุมชน

หากคุณต้องการความช่วยเหลือหรือต้องการให้ใครบางคนตั้งค่าพื้นที่ทำงานกับคุณและให้คุณก้าวผ่านรหัสใน IDE ของคุณอย่ากลัวที่จะพูด!

ใบอนุญาต

GNU GPLV3

ลิขสิทธิ์ (c) 2019 Alex Pustovalov

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