เครื่องมือสำหรับการพัฒนา

Blockly ใช้เครื่องมือและไลบรารีบางอย่างในการพัฒนา ซึ่งรวมถึง Git, NPM และคอมไพเลอร์ Closure ส่วนนี้จะให้คำอธิบายพื้นฐานบางอย่างของเครื่องมือแต่ละอย่าง รวมทั้งลิงก์ไปยังข้อมูลเพิ่มเติมเกี่ยวกับเครื่องมือแต่ละรายการ

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

Git

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

GitHub

GitHub เป็นแพลตฟอร์มโฮสติ้งสำหรับการควบคุมเวอร์ชัน การทำงานร่วมกัน และการเผยแพร่โค้ดโอเพนซอร์ส Git ติดตามไฟล์ต่างๆ GitHub มีอินเทอร์เฟซที่ราบรื่นสำหรับการตรวจสอบโค้ด การติดตามปัญหา และดูประวัติการเปลี่ยนแปลง

การเริ่มต้นใช้งาน: หากคุณเพิ่งเริ่มใช้ Git และ GitHub ให้ลองดูบทแนะนำquickstartของ GitHub เพื่อทำความคุ้นเคยกับการใช้งานพื้นฐาน

โหนด

Node.js คือวิธีเรียกใช้ JavaScript บนเซิร์ฟเวอร์ (แทนเรียกใช้ในเบราว์เซอร์) npm (ดูด้านล่าง) จะทำงานบนโหนด

npm

npm มี 2 อย่าง ได้แก่

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

เริ่มต้นใช้งาน: ติดตั้ง โหนดและ npm

คอมไพเลอร์การปิด

Closure Compiler เป็นเครื่องมือที่ช่วยให้ดาวน์โหลดและเรียกใช้ JavaScript ได้เร็วขึ้น เราใช้ไลบรารีนี้เพื่อรวมไฟล์ JavaScript ทั้งหมดไว้ในไลบรารีเดียว และยังใช้เพื่อตรวจสอบไวยากรณ์และประเภทด้วย

เริ่มต้นใช้งาน: คุณไม่จำเป็นต้องติดตั้งหรือเรียกใช้ Closure Compiler โดยตรง เราติดตั้งและเรียกใช้ผ่าน npm

อ่านเพิ่มเติม: เอกสารประกอบเกี่ยวกับการปิดทําการของคอมไพเลอร์เกี่ยวกับประเภท JavaScript และคำอธิบายประกอบประเภท

ESLint

ESLint เป็นเครื่องมือวิเคราะห์แบบคงที่ที่พบปัญหาเกี่ยวกับโค้ด JavaScript เราใช้โมเดลดังกล่าวเพื่อกำหนดและบังคับใช้รูปแบบที่สอดคล้องกันทั่วทั้งฐานของโค้ด ปัญหาเล็กๆ น้อยๆ เกี่ยวกับโค้ด (ไม่มีเซมิโคลอน การเว้นวรรคไม่สอดคล้องกัน ฯลฯ) มักเรียกว่า lint ESLint จะทำงานโดยอัตโนมัติเมื่อคุณส่งคำขอพุลถึงเรา หรือจะเรียกใช้ในเครื่องก็ได้

การเริ่มต้นใช้งาน: ทั้งในตัวอย่าง Blockly Core และ Blockly จะเรียกใช้ ESLint ด้วย npm run lint ได้ ตัวแก้ไขโค้ดจำนวนมากมีการผสานรวม ESLint เพื่อแสดงปัญหาขณะที่คุณพิมพ์

อ่านเพิ่มเติม: กฎ ESLint แต่ละกฎจะมีหน้าเอกสารประกอบที่อธิบายกฎดังกล่าวและยกตัวอย่างโค้ดที่ถูกต้องและไม่ถูกต้อง

มอคค่า

Mocha เป็นเฟรมเวิร์กการทดสอบ JavaScript เราใช้ Google Analytics เพื่อเรียกใช้การทดสอบในเบราว์เซอร์และ Node.js (สำหรับ Use Case แบบไม่มีส่วนหัว)

การเริ่มต้นใช้งาน: ทั้งในกลุ่มตัวอย่าง Blockly หลักและบล็อก คุณสามารถเรียกใช้การทดสอบ Mocha ด้วย npm run test ใน Blockly Core การดำเนินการนี้จะทำการทดสอบอื่นๆ ด้วย การทดสอบ Mocha ของ Blockly Core จะกำหนดในไดเรกทอรี tests/mocha

อ่านเพิ่มเติม: Mocha ช่วยให้นักพัฒนาซอฟต์แวร์กำหนดฮุกที่ช่วยให้คุณกำหนดฟังก์ชันการตั้งค่าแบบรวมศูนย์และลบล้างการทดสอบได้

ชา

Chai เป็นไลบรารีการยืนยันที่เราใช้ในการทดสอบ Mocha

อ่านเพิ่มเติม: Chai มีไวยากรณ์หลายรูปแบบเพื่อให้ผสานรวมกับโปรเจ็กต์ที่มีอยู่ได้อย่างง่ายดาย Blockly ใช้รสชาติ assert