การสร้างโปรเจ็กต์ VS Code สำหรับ V5

บทความนี้ให้ภาพรวมของกระบวนการสร้างโปรเจ็กต์ VEX V5 ในส่วนขยาย VEX Visual Studio Code (VS Code) โปรเจ็กต์ใน VEX VS Code Extension สามารถสร้างได้สองวิธี - โดยการสร้างโปรเจ็กต์ใหม่จากเทมเพลตตัวอย่างหรือการนำเข้าโปรเจ็กต์ VEXcode ที่มีอยู่

หมายเหตุ:หากนี่เป็นครั้งแรกที่คุณสร้างหรือนำเข้าโปรเจ็กต์ใน VS Code คุณอาจต้องเปิดใช้งานการอนุญาตเพิ่มเติมบนอุปกรณ์ของคุณ เพื่อให้ VS Code ทำงานตามที่ตั้งใจไว้

สร้างโปรเจ็กต์ใหม่ใน VS Code

ไอคอนส่วนขยาย VEX Robotics ในแถบกิจกรรมของ VS Code ถูกไฮไลต์

เรียกใช้รหัส Visual Studio บนคอมพิวเตอร์ เลือกไอคอน VEX บนแถบกิจกรรมรหัส VS

หากไอคอน VEX ไม่ปรากฏขึ้น ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งส่วนขยาย VEX แล้ว สำหรับขั้นตอนในการติดตั้งส่วนขยายนี้ โปรดดูบทความต่อไปนี้ที่ตรงกับอุปกรณ์ของคุณ

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

เลือกปุ่ม 'โครงการใหม่' ใต้ 'การดำเนินการโครงการ' ในแถบด้านข้างหลัก

หน้าต่างสร้างโปรเจ็กต์ VEX ใหม่ โดยเลือกไอคอนแพลตฟอร์ม V5 เป็นประเภทโปรเจ็กต์

หน้าต่างสร้างโครงการ VEX ใหม่จะปรากฏขึ้น เลือกไอคอน V5 เพื่อเลือกแพลตฟอร์มโครงการสำหรับโครงการ VEX V5

หน้าต่างตั้งค่าโปรเจ็กต์แสดงตัวเลือกภาษา พร้อมไอคอน Python และ C/C++ สำหรับเลือก

เลือก Python หรือ C/C++ เป็นภาษาการเขียนโปรแกรม และเลือกไอคอนที่เกี่ยวข้อง

รายชื่อเทมเพลตและตัวอย่างโปรเจ็กต์ VEX V5 พร้อมแถบค้นหาสำหรับกรองตัวเลือกโปรเจ็กต์ที่มีอยู่

จากนั้นเลือกเทมเพลตหรือโปรเจ็กต์ตัวอย่างสำหรับสร้างโปรเจ็กต์ VEX V5

  • ค้นหาเทมเพลตหรือโปรเจ็กต์ตัวอย่างโดยเลื่อนลงหรือใช้แถบค้นหาเพื่อกรองรายการโปรเจ็กต์
  • เทมเพลตและโปรเจ็กต์ตัวอย่างเหล่านี้ประกอบด้วยโค้ดตัวอย่างและ/หรือการกำหนดค่าหุ่นยนต์ที่ใช้ในการเริ่มต้นโปรเจ็กต์

หลังจากเลือกเทมเพลตหรือโครงการตัวอย่างแล้ว ให้เลือก 'สร้าง'

ได้เลือกโปรเจ็กต์เทมเพลตว่างเปล่า V5 แล้ว และตอนนี้ช่องชื่อโปรเจ็กต์ถูกไฮไลต์แล้ว

ถัดไป ตั้งชื่อโครงการ คำอธิบาย และที่ตั้งสำหรับโครงการใหม่

พิมพ์ชื่อของโครงการในกล่องข้อความใต้ 'ชื่อโครงการ'

หมายเหตุ: ชื่อโปรเจ็กต์จะถูกใช้เป็นชื่อของโฟลเดอร์ระดับบนสุดของโปรเจ็กต์ นอกจากนี้ยังจะเป็นชื่อที่แสดงบนหน้าจอของ V5 Brain เมื่อดาวน์โหลดโปรเจ็กต์ลงในหุ่นยนต์แล้ว 

โปรเจ็กต์เทมเพลตว่างเปล่า V5 โดยมีช่องคำอธิบายที่ถูกไฮไลต์อยู่ด้านล่างช่องชื่อโปรเจ็กต์

พิมพ์คำอธิบายของโครงการในกล่องข้อความใต้ 'คำอธิบาย' ขั้นตอนนี้เป็นทางเลือก

โปรเจ็กต์เทมเพลตว่างเปล่า V5 โดยมีปุ่ม Browse ถูกไฮไลต์อยู่ทางด้านขวาของช่อง Location

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

หมายเหตุ: ตำแหน่งโปรเจ็กต์เริ่มต้นถูกตั้งค่าเป็นโฟลเดอร์โปรเจ็กต์เริ่มต้นที่พบในการตั้งค่าส่วนกลางของส่วนขยาย

ภาพแสดงโปรเจ็กต์เทมเพลตว่างเปล่า V5 โดยมีปุ่ม "สร้าง" ถูกไฮไลต์อยู่ที่มุมล่างขวา

เมื่อป้อนชื่อ คำอธิบาย และที่ตั้งแล้ว ให้เลือกปุ่ม 'สร้าง' หน้าต่าง VS Code จะเริ่มรีเฟรช

ตัวเลือก Explorer บนแถบกิจกรรมถูกเลือกไว้แล้ว และแสดงไฟล์และโฟลเดอร์ของโปรเจ็กต์ VEX โฟลเดอร์ที่มีชื่อว่า src ถูกไฮไลต์ไว้

ขณะนี้โครงการสำหรับ VEX V5 ได้ถูกสร้างขึ้นใน VEX VS Code Extension หากต้องการดูและพัฒนารหัสโครงการ ให้เลือก 'src' ใต้ชื่อโครงการในแถบด้านข้าง

ตัวเลือก Explorer บนแถบกิจกรรมถูกเลือกไว้แล้ว และแสดงไฟล์และโฟลเดอร์ของโปรเจ็กต์ VEX โฟลเดอร์ชื่อ src ถูกเปิดขึ้นแล้ว และภายในโฟลเดอร์นั้น ไฟล์ Python ชื่อ main.py ถูกไฮไลต์ไว้

เลือก 'main.py' (หากโปรเจ็กต์เป็นโปรเจ็กต์ Python) หรือ 'main.cpp' (หากโปรเจ็กต์เป็นโปรเจ็กต์ C/C++) ใต้ 'src' ในแถบด้านข้าง

ไฟล์ main.py ถูกเลือกแล้ว และตอนนี้เปิดอยู่ในโปรแกรมแก้ไขทางด้านขวา

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

นำเข้าโครงการ VEXcode V5 ที่มีอยู่

ไอคอนส่วนขยาย VEX Robotics ในแถบกิจกรรมของ VS Code ถูกไฮไลต์

เรียกใช้รหัส Visual Studio บนคอมพิวเตอร์ เลือกไอคอน VEX บนแถบกิจกรรมรหัส VS

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

เลือกปุ่ม 'นำเข้าโครงการ' ใต้ 'การดำเนินการโครงการ' ในแถบด้านข้างหลัก

โปรเจ็กต์ VEX ที่บันทึกไว้จะปรากฏในไฟล์ของผู้ใช้ใน File Explorer ในตัวอย่างนี้ ได้เลือกโปรเจ็กต์ Python V5 มาใช้

หน้าต่างโครงการนำเข้าจะเปิดขึ้น เลือกไฟล์โครงการ VEXcode V5 ที่จะนำเข้าและคลิกที่ปุ่มเปิด

หมายเหตุ: ประเภทไฟล์โครงการ VEXcode ที่รองรับสำหรับ VEX V5 คือ:

  • .v5cpp (โปรเจ็กต์ VEXcode V5 C/C++)
  • .v5python (โครงการ VEXcode V5 Python)

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

จากนั้น ตั้งชื่อโปรเจ็กต์ คำอธิบาย และที่ตั้งสำหรับโปรเจ็กต์ที่นำเข้า

ตามค่าเริ่มต้น ชื่อของโครงการจะยังคงเหมือนเดิม

เมนูการนำเข้าโปรเจ็กต์ V5 โดยมีช่องคำอธิบายที่ถูกไฮไลต์อยู่ด้านล่างช่องชื่อโปรเจ็กต์

พิมพ์คำอธิบายของโครงการในกล่องข้อความใต้ 'คำอธิบาย' ขั้นตอนนี้เป็นทางเลือก

เมนูนำเข้าโปรเจ็กต์ V5 โดยมีปุ่ม Browse ที่ถูกไฮไลต์อยู่ทางด้านขวาของช่อง Location

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

หมายเหตุ: ตำแหน่งโปรเจ็กต์เริ่มต้นถูกตั้งค่าเป็นโฟลเดอร์โปรเจ็กต์เริ่มต้นที่พบในการตั้งค่าส่วนกลางของส่วนขยาย

เมนูนำเข้าโปรเจ็กต์ V5 โดยมีปุ่ม "สร้าง" ถูกไฮไลต์อยู่ที่มุมล่างขวา

เมื่อป้อนชื่อ คำอธิบาย และที่ตั้งแล้ว ให้เลือกปุ่ม 'สร้าง' หน้าต่าง VS Code จะเริ่มรีเฟรช

ตัวเลือก Explorer บนแถบกิจกรรมถูกเลือกไว้แล้ว และแสดงไฟล์และโฟลเดอร์ของโปรเจ็กต์ VEX โฟลเดอร์ที่มีชื่อว่า src ถูกไฮไลต์ไว้

เมื่อการรีเฟรชหน้าต่าง VS Code เสร็จสมบูรณ์ โปรเจ็กต์ VEXcode V5 จะถูกนำเข้าไปยัง VEX VS Code Extension หากต้องการดูและพัฒนารหัสโครงการ ให้เลือก 'src' ใต้ชื่อโครงการในแถบด้านข้าง

ตัวเลือก Explorer บนแถบกิจกรรมถูกเลือกไว้แล้ว และแสดงไฟล์และโฟลเดอร์ของโปรเจ็กต์ VEX โฟลเดอร์ชื่อ src ถูกเปิดขึ้นแล้ว และภายในโฟลเดอร์นั้น ไฟล์ C++ ชื่อ main.cpp ถูกไฮไลต์ไว้

เลือก 'main.py' (หากโปรเจ็กต์ที่นำเข้าเป็นโปรเจ็กต์ Python) หรือ 'main.cpp' (หากโปรเจ็กต์ที่นำเข้าเป็นโปรเจ็กต์ C/C++) ใต้ 'src' ในแถบด้านข้าง

ไฟล์ main.cpp ถูกเลือกแล้ว และตอนนี้เปิดอยู่ในโปรแกรมแก้ไขทางด้านขวา

รหัสของโครงการที่นำเข้าจะแสดงในพื้นที่ตัวแก้ไข ซึ่งสามารถแก้ไขได้

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

Last Updated: