ภาพรวม UI ส่วนขยายโค้ด VEX VS

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

เค้าโครง UI ส่วนขยายรหัส VEX VS

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

แถบกิจกรรม

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

ไอคอนทั่วไปที่ใช้สำหรับการพัฒนาโปรเจ็กต์ VEX ใน VS Code คือ:

• ไอคอนมุมมองนักสำรวจ - เมื่อคลิกแล้ว มุมมองนักสำรวจ จะเปิดขึ้นในแถบด้านข้าง
• ไอคอนมุมมองส่วนขยาย - เมื่อคลิก มุมมองส่วนขยาย จะเปิดขึ้นในแถบด้านข้าง
• VEX ดูไอคอน - เมื่อคลิกแล้ว VEX View จะเปิดขึ้นในแถบด้านข้าง

แถบด้านข้าง

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

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

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

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

มุมมอง VEX

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

• การดำเนินการของโครงการ
  ปุ่มภายใต้ การดำเนินการของโครงการ ใช้เพื่อสร้างโครงการ VEX ใหม่หรือนำเข้าโครงการ VEXcode ที่มีอยู่
  สำหรับคำแนะนำโดยละเอียดเกี่ยวกับการสร้างโปรเจ็กต์ VEX ใน VS Code โปรดดู บทความนี้สำหรับ V5, บทความนี้สำหรับ EXPและ บทความนี้สำหรับ IQ (2nd)

• VEX DEVICE INFO
  หมวด VEX DEVICE INFO ให้ภาพรวมของ อุปกรณ์ VEX ที่เชื่อมต่อ - VEX Brain หรือตัวควบคุม VEX
  
  

  

  
  หมวดหมู่นี้ระบุประเภทอุปกรณ์ VEX ที่เชื่อมต่อ และแสดงข้อมูลของระบบ Brain, พอร์ตอนุกรม, โปรแกรมที่ดาวน์โหลด และอุปกรณ์ที่เชื่อมต่อกับพอร์ตอัจฉริยะของ VEX Brain ช่วยให้เราสามารถ จับภาพหน้าจอ VEX Brain Screen, ดู VEX Brain Event Log, ใช้ V5 Battery Medic, ตั้งชื่อสมอง และ ทีมหมายเลขและ ลบโปรแกรมผู้ใช้ออกจาก VEX สมอง.
  
  เมื่อ VEX Brain เชื่อมต่อกับคอมพิวเตอร์ หมวดหมู่ VEX DEVICE INFO จะแสดงว่า VEX Controller เชื่อมโยงกับ VEX Brain หรือไม่ และช่วยให้เราสามารถอัปเดต VEXos สำหรับ VEX Brain ได้ หากเวอร์ชัน VEXos ของ VEX Brain เป็นเวอร์ชัน ตกยุค.
  
  เมื่อ VEX Controller เชื่อมต่อกับคอมพิวเตอร์ หมวดหมู่ VEX DEVICE INFO จะแสดงว่า VEX Brain เชื่อมโยงกับ VEX Controller หรือไม่ และช่วยให้เราสามารถอัปเดต VEXos สำหรับ VEX Controller ได้ หากเวอร์ชัน VEXos ของ VEX Controller เป็นเวอร์ชัน ตกยุค.
  
  สำหรับคำอธิบายที่ครอบคลุมของข้อมูลอุปกรณ์และวิธีการใช้คุณสมบัติภายใต้ VEX DEVICE INFOโปรดดูที่ บทความนี้

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

มุมมองนักสำรวจ

Explorer View ใช้เพื่อเรียกดู เปิด และจัดการไฟล์และโฟลเดอร์โปรเจ็กต์ VEX ใน VS Code

บรรณาธิการ

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

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

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

แผงเทอร์มินัล

VEX VS Code Extension มีเทอร์มินัลสองเครื่องเมื่อเริ่มต้นระบบ ได้แก่ Log Terminal และ Interactive Terminal 

• Log Terminal - Log Terminal แสดงผลบิลด์ ข้อผิดพลาดของบิลด์ และผลลัพธ์การดาวน์โหลด
  
  

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

  

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

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

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

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

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

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

• ตัวเลือกอุปกรณ์ - ตัวเลือกอุปกรณ์จะแสดงไอคอนของอุปกรณ์ VEX ที่เชื่อมต่ออยู่ (ไอคอนสมอง หรือไอคอนตัวควบคุม )
  หมายเหตุ: หากตัวควบคุมเชื่อมต่อกับคอมพิวเตอร์ แต่ไม่มีลิงก์วิทยุไปยัง สมอง จะไม่มีชื่อสมองปรากฏถัดจากไอคอนตัวควบคุม

• ไอคอนตัวเลือกสล็อต - ไอคอนตัวเลือกสล็อต ช่วยให้เราสามารถเลือกได้ว่าสล็อตใดที่ส่วนขยาย VEX จะดาวน์โหลดหรือเล่นโปรแกรมผู้ใช้โดยคลิกที่มัน และเลือกหนึ่งในแปดสล็อตที่มีอยู่บน VEX Brain จากรายการเลือก
• ไอคอนบิลด์ หากไม่ได้เชื่อมต่ออุปกรณ์ VEX ไอคอนบิลด์ จะแสดงบนแถบเครื่องมือ เมื่อคลิกแล้ว โปรเจ็กต์จะถูกสร้างขึ้นเท่านั้น
• ไอคอนดาวน์โหลด - หากเชื่อมต่ออุปกรณ์ VEX แล้ว ไอคอนดาวน์โหลด จะแสดงบนแถบเครื่องมือ เมื่อคลิก โครงการจะถูกสร้างขึ้น และหากสำเร็จ จะถูกดาวน์โหลดไปยังอุปกรณ์ VEX ที่เชื่อมต่ออยู่
• ไอคอนเล่น - เมื่อคลิก ไอคอนเล่น จะรันโปรแกรมผู้ใช้ที่ดาวน์โหลดมาในช่องที่เลือกบน VEX Brain
• ไอคอนหยุด - เมื่อคลิกแล้ว ไอคอนหยุด อัน จะหยุดรันโปรแกรมผู้ใช้บน VEX Brain
• ตัวเลือกโปรเจ็กต์ - ตัวเลือกโปรเจ็กต์ จะแสดงชื่อของโปรเจ็กต์ที่เลือก ไอคอนตัวเลือกโครงการ ช่วยให้เราสามารถสลับระหว่างโครงการ VEX เมื่อมีหลายโครงการภายในพื้นที่ทำงานโดยคลิกที่โครงการและเลือกโครงการจากรายการเลือก
• ตัวเลือกไฟล์ Python (Python เท่านั้น) - เมื่อเลือกโปรเจ็กต์ VEX Python แล้ว ตัวเลือกไฟล์ Python จะปรากฏในแถบเครื่องมือ Python File Selector จะแสดงชื่อของไฟล์ Python ที่เลือก Python สำหรับ VEX รองรับการดาวน์โหลดไฟล์เดียวในปัจจุบันเท่านั้น

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

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

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

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

• ช่องตัวควบคุม (ตัวควบคุม V5 เท่านั้น) - ตั้งค่าช่องวิทยุของตัวควบคุม V5 เป็น ดาวน์โหลด หรือ Pit การตั้งค่านี้ใช้กับลิงก์วิทยุ VEXnet เท่านั้น

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

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