บทความนี้ให้ภาพรวมของ UI (อินเทอร์เฟซผู้ใช้) ของส่วนขยาย Visual Studio Code VEX ส่วนขยายรองรับการพัฒนาโปรเจ็กต์ C++ และ Python สำหรับแพลตฟอร์ม VEX IQ 2nd Generation, EXP และ V5

เลย์เอาต์ UI ส่วนขยาย VEX VS Code

UI ของส่วนขยาย VEX Visual Studio Code แบ่งออกเป็น 5 ส่วนหลัก: แถบกิจกรรม แถบด้านข้าง ตัวแก้ไข แผงเทอร์มินัล และแถบเครื่องมือ

แถบกิจกรรม

Activity Bar มีไอคอนหลากหลายที่ให้เราสลับระหว่างมุมมองต่างๆ และยังให้ตัวบ่งชี้เฉพาะบริบทเพิ่มเติมสำหรับการพัฒนาโครงการ VEX อีกด้วย

ไอคอนทั่วไปที่ใช้ในการพัฒนาโครงการ VEX ใน VS Code ได้แก่:

  • ภาพหน้าจอของอินเทอร์เฟซส่วนขยายโค้ด VEX V5 ใน Visual Studio Code แสดงคุณลักษณะและเครื่องมือต่างๆ ที่มีไว้สำหรับการเขียนโปรแกรมหุ่นยนต์ VEX ไอคอนมุมมอง Explorer - เมื่อคลิกแล้ว มุมมอง Explorer เปิดขึ้นในแถบด้านข้าง
  • ภาพหน้าจอของอินเทอร์เฟซส่วนขยายโค้ด VEX V5 ใน Visual Studio Code แสดงคุณลักษณะและเครื่องมือที่มีให้สำหรับการเขียนโปรแกรมหุ่นยนต์ VEX มุมมองส่วนขยาย ไอคอน - เมื่อคลิกแล้ว มุมมองส่วนขยาย จะเปิดขึ้นในแถบด้านข้าง
  • ไดอะแกรมแสดงคุณลักษณะและฟังก์ชันการทำงานของ VEX V5 VS Code Extension โดยเน้นส่วนประกอบสำคัญและเครื่องมือสำหรับการเขียนโปรแกรมหุ่นยนต์ VEX ไอคอนมุมมอง VEX - เมื่อคลิกแล้ว มุมมอง จะเปิดขึ้นในแถบด้านข้าง

แถบด้านข้าง

แถบด้านข้างประกอบด้วยมุมมองที่แตกต่างกันซึ่งทำให้เราสามารถใช้เครื่องมือแบบบูรณาการภายใน VS Code ได้ มุมมองแถบด้านข้างทั่วไปที่ใช้เพื่อดำเนินการงานสำหรับการพัฒนาโครงการ VEX คือ มุมมองส่วนขยาย , มุมมอง VEXและมุมมอง Explorer

มุมมองส่วนขยาย

มุมมองส่วนขยาย ใช้สำหรับติดตั้งและจัดการส่วนขยายใน VS Code เพื่อพัฒนาซอฟต์แวร์บนแพลตฟอร์ม VEX IQ 2nd Generation, EXP และ V5 เราจำเป็นต้องติดตั้งส่วนขยาย VEX, ส่วนขยาย C/C++ และส่วนขยาย Python

สำหรับคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีการติดตั้งส่วนขยาย VEX , ส่วนขยาย C/C++และ ส่วนขยาย Python ใน VS Code โปรดดูบทความ นี้


มุมมอง VEX

VEX View ช่วยให้เราสามารถพัฒนาโครงการสำหรับ VEX IQ 2nd Generation, EXP และ V5 ใน VS Code ได้ มี 3 หมวดหมู่ที่รวมอยู่ใน VEX View: การดำเนินการของโครงการ, ข้อมูลอุปกรณ์ VEX, และ ข้อเสนอแนะ VEX

  • คำติชม VEX
    เราสามารถส่งคำติชมไปยัง VEX ได้โดยการพิมพ์ข้อความในกล่องข้อความใต้ คำติชม VEX และคลิกปุ่ม ส่ง
    สำหรับข้อมูลที่เป็นประโยชน์เกี่ยวกับการใช้ คำติชม VEX ใน VS Code โปรดดู บทความนี้

มุมมองการสำรวจ

มุมมอง Explorer ใช้สำหรับเรียกดู เปิด และจัดการไฟล์และโฟลเดอร์โครงการ VEX ใน VS Code

บรรณาธิการ

Editor คือพื้นที่หลักสำหรับแก้ไขไฟล์ใน VS Code ส่วนขยาย VEX VS Code ช่วยให้สามารถใช้ Intellisense/Linting สำหรับทั้ง C/C++ และ Python ในพื้นที่ Editor เพื่อช่วยเหลือเราในระหว่างการพัฒนาโปรแกรม

ในพื้นที่ตัวแก้ไข เราสามารถเข้าถึงข้อมูลที่เป็นประโยชน์เกี่ยวกับฟังก์ชันเฉพาะได้โดยเลื่อนเมาส์ไปเหนือข้อความของฟังก์ชัน หรือโดยใช้คำสั่ง VEX Help เพื่อเข้าถึงเอกสารสำหรับฟังก์ชันนี้ซึ่งรวมอยู่ใน C++ และ Python API (Application Programming Interface)

สำหรับคำแนะนำโดยละเอียดเกี่ยวกับการใช้ VEX Command Help ใน VS Code โปรดดู บทความนี้

แผงขั้วต่อ

ส่วนขยายโค้ด VEX VS มีเทอร์มินัลสองรายการเมื่อเริ่มต้นใช้งาน ได้แก่ เทอร์มินัลบันทึก และเทอร์มินัลโต้ตอบ 

  • เทอร์มินัลบันทึก - เทอร์มินัลบันทึกจะแสดงผลลัพธ์การสร้าง ข้อผิดพลาดในการสร้าง และผลลัพธ์การดาวน์โหลด

  • เทอร์มินัลโต้ตอบ - เทอร์มินัลโต้ตอบมีสองฟังก์ชัน - แสดงบันทึกการพิมพ์และส่งคีย์สโตรกดิบกลับไปยังโปรแกรมของผู้ใช้



    หมายเหตุ: เพื่อใช้งานเทอร์มินัลโต้ตอบได้ Brain หรือ Controller จะต้องเชื่อมต่อกับคอมพิวเตอร์ที่รัน VEX VS Code Extension
    หมายเหตุ: เอาต์พุตของเทอร์มินัลโต้ตอบจะถูกล้างตามค่าเริ่มต้นหลังจากสร้างและดาวน์โหลดโปรแกรมของผู้ใช้

แถบเครื่องมือ

แถบเครื่องมือมีไอคอนหลากหลายที่ช่วยให้เราโต้ตอบกับโปรเจ็กต์ส่วนขยาย VEX VS Code, VEX Brains และ VEX Controllers ได้อย่างรวดเร็ว

หมายเหตุ: แถบเครื่องมือจะทำงานเฉพาะเมื่อมีการเปิดโครงการ VEX ที่ถูกต้องใน VS Code 

หมายเหตุ: โครงการ VEX ที่ถูกต้องคือโครงการที่ถูกสร้างหรือนำเข้าโดยส่วนขยาย โครงการ VEXcode หรือ VEXcode Pro ที่เปิดในตัวแก้ไขจะไม่ถือเป็นโครงการ VEX ที่ถูกต้องและจำเป็นต้องนำเข้า

ไอคอนที่นำเสนอบนแถบเครื่องมือประกอบด้วย:

  • ตัวเลือกอุปกรณ์ - ตัวเลือกอุปกรณ์จะแสดงไอคอนของอุปกรณ์ VEX ที่เชื่อมต่ออยู่ (ไอคอนสมอง หรือไอคอนตัวควบคุม )
    หมายเหตุ: หากตัวควบคุมเชื่อมต่อกับคอมพิวเตอร์แต่ไม่มีลิงก์วิทยุไปยังสมอง จะไม่ปรากฏชื่อสมองถัดจากไอคอนตัวควบคุม
  • ภาพหน้าจอของอินเทอร์เฟซส่วนขยายโค้ด VEX V5 ใน Visual Studio Code แสดงฟีเจอร์การเขียนโปรแกรมและเครื่องมือต่างๆ ที่มีให้ผู้ใช้พัฒนาและจัดการโครงการหุ่นยนต์ VEX ไอคอนตัวเลือกสล็อต - ไอคอนตัวเลือกสล็อต ตัวเลือกสล็อต ช่วยให้เราเลือกสล็อตที่ VEX Extension จะดาวน์โหลดหรือเล่นโปรแกรมผู้ใช้ได้โดยการคลิกที่สล็อตนั้นและเลือกสล็อตใดสล็อตหนึ่งจากแปดสล็อตที่พร้อมใช้งานใน VEX Brain จากรายการเลือก
  • ภาพหน้าจอของอินเทอร์เฟซส่วนขยายโค้ด VEX V5 ใน Visual Studio Code แสดงคุณลักษณะและเครื่องมือสำหรับการเขียนโปรแกรมหุ่นยนต์ VEX สร้าง & ไอคอนดาวน์โหลด - หากเชื่อมต่ออุปกรณ์ VEX แล้ว ไอคอนดาวน์โหลด จะปรากฏบนแถบเครื่องมือ เมื่อคลิกแล้ว โปรเจ็กต์จะสร้าง และหากสำเร็จ โปรเจ็กต์จะดาวน์โหลดไปยังอุปกรณ์ VEX ที่เชื่อมต่อ
  • ภาพหน้าจอของอินเทอร์เฟซส่วนขยายรหัส VEX V5 VS ซึ่งแสดงคุณลักษณะการแก้ไขโค้ดและเครื่องมือสำหรับการเขียนโปรแกรมหุ่นยนต์ VEX รูปภาพนี้เน้นถึงรูปแบบและฟังก์ชันที่เป็นมิตรกับผู้ใช้ซึ่งออกแบบมาเพื่อเพิ่มประสิทธิภาพในการเขียนโค้ด ไอคอนเล่น - เมื่อคลิกแล้ว ไอคอน เล่น จะรันโปรแกรมผู้ใช้ที่ดาวน์โหลดมาในสล็อตที่เลือกบน VEX Brain
  • ภาพหน้าจอของอินเทอร์เฟซส่วนขยายโค้ด VEX V5 แสดงคุณลักษณะและเครื่องมือการแก้ไขโค้ดสำหรับการเขียนโปรแกรมหุ่นยนต์ใน Visual Studio Code ไอคอนหยุด - เมื่อคลิก ไอคอนหยุด จะหยุดการรันโปรแกรมผู้ใช้บน VEX Brain
  • ตัวเลือกโครงการ - ตัวเลือกโครงการ จะแสดงชื่อของโครงการที่เลือก ไอคอนตัวเลือกโครงการ ช่วยให้เราสามารถสลับระหว่างโครงการ VEX ได้เมื่อมีโครงการหลายโครงการอยู่ภายในเวิร์กสเปซ โดยการคลิกที่โครงการนั้นและเลือกโครงการจากรายการเลือก
  • ภาพหน้าจอของอินเทอร์เฟซ VS Code Extension สำหรับ V5 ที่แสดงคุณลักษณะและเครื่องมือต่างๆ ที่มีให้สำหรับนักพัฒนา รวมถึงการแก้ไขโค้ด ตัวเลือกการดีบัก และความสามารถในการรวมเข้าด้วยกัน ตัวเลือกไฟล์ Python (เฉพาะ Python) - เมื่อเลือกโครงการ VEX Python ตัวเลือกไฟล์ จะปรากฏขึ้นในแถบเครื่องมือ ตัวเลือกไฟล์ Python จะแสดงชื่อไฟล์ Python ที่เลือก ปัจจุบัน Python สำหรับ VEX รองรับการดาวน์โหลดไฟล์เดี่ยวเท่านั้น

สำหรับข้อมูลที่เป็นประโยชน์เกี่ยวกับวิธีการคุณลักษณะแถบเครื่องมือใน VS Code โปรดดูบทความนี้

การตั้งค่าผู้ใช้ VEX

การตั้งค่าผู้ใช้ VEX ช่วยให้เราสามารถกำหนดค่าส่วนขยาย VEX ตามความต้องการของเราเองได้ การตั้งค่าผู้ใช้คือการตั้งค่าทั่วไปที่นำไปใช้กับโครงการส่วนขยาย VEX VS Code ทุกโครงการ เราสามารถเข้าถึงการตั้งค่าผู้ใช้ VEX คลิกไอคอนการตั้งค่าใน VS Code และเลือกไอเทมที่เกี่ยวข้องในเมนู

การตั้งค่าผู้ใช้ VEX สำหรับการกำหนดค่าส่วนขยายโค้ด VEX VS มีดังนี้:

  • ช่องควบคุม (เฉพาะตัวควบคุม V5) - ตั้งค่าช่องวิทยุของตัวควบคุม V5 เป็น ดาวน์โหลด หรือ พิท การตั้งค่านี้ใช้กับลิงก์วิทยุ VEXnet เท่านั้น
  • Cpp Toolchain เส้นทาง - กำหนดเส้นทางสำหรับ CPP Toolchain
  • เปิดใช้งานเทอร์มินัลผู้ใช้- เปิดใช้งานหรือปิดใช้งานส่วนขยายเพื่อเปิดและแสดงข้อมูลจากพอร์ตผู้ใช้
  • รายการบันทึก - กำหนดจำนวนรายการบันทึกที่จะอัพโหลดจาก VEX Brain
  • ประเภทการสร้างโครงการ - กำหนดว่าส่วนขยายจะสร้างโครงการ C++ อย่างไร
  • โปรเจ็กต์โฮม - กำหนดตำแหน่งเริ่มต้นสำหรับโปรเจ็กต์ใหม่
  • เรียกใช้หลังจากดาวน์โหลด - กำหนดว่าโปรแกรมผู้ใช้ควรเรียกใช้หลังจากดาวน์โหลดไปยัง VEX Brain หรือไม่
  • ระบบ DFU กู้คืนอัตโนมัติ - กำหนดว่า Brain จะกู้คืนอัตโนมัติหรือไม่เมื่อตรวจพบ IQ2 หรือ EXP ในโหมด DFU
  • เปิดใช้งานเซิร์ฟเวอร์ Websocket - เปิดใช้งานหรือปิดใช้งานส่วนขยายเพื่อเริ่มต้นเซิร์ฟเวอร์ Websocket
  • ที่อยู่โฮสต์เซิร์ฟเวอร์ Websocket - กำหนดที่อยู่โฮสต์ของเซิร์ฟเวอร์ Websocket
  • พอร์ตเซิร์ฟเวอร์ Websocket - กำหนดหมายเลขพอร์ตเซิร์ฟเวอร์ Websocket

สำหรับข้อมูลที่เป็น เกี่ยวกับวิธีการเข้าถึงและตั้งค่าการตั้งค่าผู้ใช้ VEX โปรดดูบทความนี้

For more information, help, and tips, check out the many resources at VEX Professional Development Plus

Last Updated: