บทความนี้เป็นภาพรวมสำหรับการติดตั้ง Visual Studio Code และ VEX Visual Studio Code Extension ส่วนขยายรองรับ Windows และ macOS อย่างเป็นทางการ

การติดตั้งโค้ด Visual Studio

เปิดอินเทอร์เน็ตเบราว์เซอร์แล้วไปที่: https://code.visualstudio.com/

คำแนะนำจากเว็บไซต์ VS Code มีดังนี้ สิ่งเหล่านี้อาจเป็นประโยชน์หรือคุณสามารถปฏิบัติตามบทความนี้ได้

การติดตั้งสำหรับ Windows

image17.png

คลิกปุ่มดาวน์โหลดสำหรับ Windows

image15.png

จากนั้นการดาวน์โหลดจะเริ่มขึ้นในเบราว์เซอร์

image23.png

image4.png

จากนั้นเปิด File Explorer โดยคลิกที่ไอคอน “File Explorer” ที่อยู่บนแถบเครื่องมือของ Windows

image31.png

หรือโดยการพิมพ์ FIle Explorer ในแถบ Windows Search และคลิกที่ File Explorer App

image30.png

จากนั้นไปที่โฟลเดอร์ดาวน์โหลดโดยคลิกที่ทางลัดดาวน์โหลดในแถบด้านข้าง

image1.png

คลิกที่ตัวติดตั้ง VS Code

image25.png

ยอมรับข้อตกลงและคลิกถัดไป

image9.png

กำหนดค่าการติดตั้งและคลิกถัดไป

image5.png

คลิกติดตั้งเพื่อเริ่มการติดตั้ง

image29.png

กระบวนการติดตั้งจะเริ่มขึ้น

image18.png

เมื่อการติดตั้งเสร็จสมบูรณ์ คลิกเสร็จสิ้น จากนั้น VS Code จะเปิดตัว

image22.png

รหัส Visual Studio จะเปิดขึ้น

การติดตั้งสำหรับ macOS

image19.png

คลิกปุ่ม "ดาวน์โหลด Mac Universal"

image28.png

จากนั้นการดาวน์โหลดจะเริ่มขึ้น

รูปภาพ14.png

image6.png

ถัดไปเปิด Finder โดยคลิกที่ไอคอน "Finder" บนแถบเครื่องมือ macOS

image7.png

จากนั้นไปที่โฟลเดอร์ "ดาวน์โหลด" โดยคลิกที่ "ดาวน์โหลด" ในแถบด้านข้างรายการโปรด

image26.png

ดับเบิลคลิกที่ไฟล์ zip VS Code เพื่อแตกไฟล์

image27.png

คลิกและลากแอปพลิเคชันรหัส Visual Studio ไปยังโฟลเดอร์แอปพลิเคชัน

image11.pngimage6.pngimage8.png

คลิกที่ไอคอน Launch Pad ในแถบเครื่องมือ macOS

รูปภาพ10.png

คลิกที่ไอคอน Visual Studio Code เพื่อเปิด Visual Studio Code

image24.png

รหัส Visual Studio จะเปิดขึ้น

การติดตั้งส่วนขยาย VEX

image21.png

คลิกที่ไอคอนส่วนขยายในแถบกิจกรรม VS Code

image16.png

ในแถบค้นหาให้พิมพ์ VEX

ส่วนขยาย VEX จะปรากฏในหน้าต่างด้านล่าง

คลิกปุ่มติดตั้งถัดจากส่วนขยายจาก VEX Robotics

รูปภาพ13.png

เมื่อการติดตั้งเริ่มต้นขึ้น ข้อความจะเปลี่ยนเป็นการติดตั้ง รอให้การติดตั้งเสร็จสิ้นก่อนดำเนินการต่อ

การติดตั้งส่วนขยายที่รองรับ

หากต้องการใช้ Intellisense/Linting สำหรับทั้ง C++ และ Python จะต้องติดตั้งส่วนขยายเพิ่มเติม ส่วนขยายรหัส VEX VS จะกำหนดค่าโปรเจ็กต์ VEX ให้ทำงานกับส่วนขยายเหล่านี้โดยอัตโนมัติ สามารถใช้ส่วนขยาย Intellisense/Linting อื่นๆ ได้ แต่ผู้ใช้จะต้องกำหนดค่าโครงการด้วยตนเองตามความจำเป็น

image21.png

คลิกที่ไอคอนส่วนขยายในแถบกิจกรรม VS Code

image3.png

ในแถบค้นหาให้พิมพ์ “C++”

ส่วนขยาย Microsoft C++ จะปรากฏในหน้าต่างด้านล่าง

คลิกปุ่มติดตั้งถัดจากส่วนขยาย C/C++ จาก Microsoft

image2.png

เมื่อการติดตั้งเริ่มต้นขึ้น ข้อความจะเปลี่ยนเป็นการติดตั้ง รอให้การติดตั้งเสร็จสิ้นก่อนดำเนินการต่อ

image12.png

ในแถบค้นหาให้พิมพ์ “Python”

Microsoft Python Extension จะปรากฏในหน้าต่างด้านล่าง

คลิกปุ่มติดตั้งถัดจากส่วนขยาย Python จาก Microsoft

image20.png

เมื่อการติดตั้งเริ่มต้นขึ้น ข้อความจะเปลี่ยนเป็นการติดตั้ง รอให้การติดตั้งเสร็จสิ้นก่อนดำเนินการต่อ

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

Last Updated: