คู่มือการติดตั้ง VS Code สำหรับ IQ (รุ่นที่ 2) บนอุปกรณ์ Windows

Visual Studio Code (VS Code) เป็นโปรแกรมแก้ไขโค้ดฟรีที่ทำงานบนระบบปฏิบัติการ Windows, macOS และ Linux บทความนี้เป็นภาพรวมของการติดตั้ง Visual Studio Code และส่วนขยาย VEX Visual Studio Code สำหรับ Windows

การติดตั้ง VS Code

โฮมเพจเว็บไซต์ Visual Studio Code ที่มีหัวเรื่องขนาดใหญ่ที่ระบุว่า ตัวแก้ไขโค้ดของคุณ ถูกกำหนดใหม่ด้วย AI ปุ่มสีน้ำเงินที่มีป้ายชื่อว่า ดาวน์โหลดสำหรับ Windows จะถูกเน้นไว้ด้านล่างหัวข้อ

ไปที่ https://code.visualstudio.com/ และเลือกปุ่ม ดาวน์โหลดสำหรับ Windows เพื่อดาวน์โหลดตัวติดตั้ง VS Code

Windows File Explorer จะเปิดไปที่โฟลเดอร์ดาวน์โหลดและแสดงไฟล์ VS Code Installer

ไปที่ VS Code Installer และเลือกเพื่อเริ่มการติดตั้ง

หน้าต่างการตั้งค่า Microsoft VS Code พร้อมข้อตกลงใบอนุญาตที่ต้องยอมรับ ด้านล่างมีปุ่มไฮไลต์ที่ระบุว่า ฉันยอมรับข้อตกลง

ยอมรับข้อตกลงใบอนุญาตและเลือก ถัดไป >.

หน้าต่างการตั้งค่า Microsoft VS Code พร้อมตัวเลือกในการเลือกโฟลเดอร์ตำแหน่งปลายทาง ด้านล่างนี้เป็นปุ่มถัดไปที่ถูกเน้นไว้

ตั้งค่าตำแหน่งการติดตั้งสำหรับ VS Code บนคอมพิวเตอร์และเลือก ถัดไป >

หน้าต่างการตั้งค่า Microsoft VS Code พร้อมตัวเลือกในการเลือกโฟลเดอร์เมนูเริ่ม ด้านล่างนี้เป็นปุ่มถัดไปที่ถูกเน้นไว้

สร้างโฟลเดอร์เมนูเริ่มสำหรับ VS Code และเลือก ถัดไป >

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

กำหนดค่าการติดตั้งโดยเลือกภารกิจเพิ่มเติมที่จะดำเนินการขณะติดตั้ง VS Code และเลือก ถัดไป >

หน้าต่างการตั้งค่า Microsoft VS Code ที่พร้อมติดตั้งแล้ว งานเพิ่มเติมที่เลือกไว้จะถูกแสดงรายการเพื่อการตรวจสอบ ด้านล่างนี้ปุ่มติดตั้งจะถูกเน้นไว้

ยืนยันตัวเลือกการติดตั้ง จากนั้นเลือก ติดตั้ง เพื่อเริ่มการติดตั้ง

หน้าต่างการติดตั้ง Microsoft VS Code พร้อมแถบความคืบหน้าและข้อความที่ระบุว่ากำลังติดตั้ง โปรดรอสักครู่ในขณะที่โปรแกรมติดตั้งกำลังติดตั้ง Visual Studio Code บนคอมพิวเตอร์ของคุณ

การติดตั้งจะดำเนินต่อไป

หน้าต่างการตั้งค่า Microsoft VS Code พร้อมข้อความที่ระบุว่า กำลังดำเนินการตัวช่วยตั้งค่า Visual Studio Code ให้เสร็จสมบูรณ์ มีตัวเลือกสำหรับเปิดใช้ VS Code และด้านล่างมีปุ่มเสร็จสิ้น

เมื่อการติดตั้งเสร็จสมบูรณ์ ให้เลือก เสร็จสิ้น เพื่อออกจากการติดตั้งและเปิดใช้งาน VS Code

เปิดแอปพลิเคชัน VS Code โดยไม่มีการเลือกโครงการใดๆ

VS Code จะเปิดขึ้น

การติดตั้งส่วนขยาย VEX, ส่วนขยาย C/C++ และส่วนขยาย Python

ในการสร้างโปรเจ็กต์โดยใช้แพลตฟอร์ม VEX ใน VS Code เราจำเป็นต้องติดตั้ง VEX Extension ซึ่งรองรับภาษาการเขียนโปรแกรม C/C++ และ Python

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

ไอคอนส่วนขยายบนเมนูข้างของ VS Code ถูกเน้นไว้

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

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

พิมพ์ "VEX Robotics" ในแถบค้นหา ส่วนขยาย VEX Robotics จะปรากฏในแถบด้านข้างด้านล่าง เลือก ติดตั้ง.

เปิดเมนูย่อยส่วนขยาย VS Code และส่วนขยาย VEX Robotics และ VEX Robotics Feedback ได้รับการติดตั้งแล้ว ตอนนี้ส่วนขยายทั้งสองมีไอคอนจัดการเฟือง และแถบด้านข้างแสดงไอคอนส่วนขยาย VEX Robotics

เมื่อการติดตั้งเสร็จสิ้น Install จะถูกแทนที่ด้วยปุ่ม Manage Gear ทั้ง VEX Robotics Extension และ VEX Robotics Feedback Extension จะถูกติดตั้ง และไอคอน VEX จะปรากฏในแถบกิจกรรม VS Code

เมนูย่อยของ VS Code Extensions จะเปิดขึ้นและพิมพ์ C/C++ ลงในแถบค้นหาของเมนูแล้ว ผลลัพธ์การค้นหาแสดงอยู่ด้านล่าง และส่วนขยาย Microsoft C/C++ เป็นตัวเลือกแรกที่แสดงไว้

พิมพ์ “C/C++” ในแถบค้นหา ส่วนขยาย Microsoft C/C++ จะปรากฏในแถบด้านข้างด้านล่าง เลือก ติดตั้ง.

เมนูด้านข้างของส่วนขยาย VS Code จะเปิดขึ้น และส่วนขยาย Microsoft C/C++ ได้รับการติดตั้งแล้ว ไอคอนจัดการเฟืองบนส่วนขยายจะถูกเน้นไว้

เมื่อการติดตั้งเสร็จสิ้น ปุ่ม Install จะถูกแทนที่ด้วยปุ่ม Manage Gear

เมนูย่อยของ VS Code Extensions เปิดขึ้นและพิมพ์ Python ลงในแถบค้นหาของเมนู ผลการค้นหาแสดงอยู่ด้านล่าง และส่วนขยาย Microsoft Python เป็นตัวเลือกแรกที่แสดงรายการ

พิมพ์ “Python” ในแถบค้นหา ส่วนขยาย Microsoft Python จะปรากฏในแถบด้านข้าง เลือก ติดตั้ง.

เมนูด้านข้างของส่วนขยาย VS Code จะเปิดขึ้นและส่วนขยาย Microsoft Python ได้รับการติดตั้งแล้ว ไอคอนจัดการเฟืองบนส่วนขยายจะถูกเน้นไว้

เมื่อการติดตั้งเสร็จสิ้น ปุ่มInstall จะถูกแทนที่ด้วยปุ่ม Manage Gear

ส่วนขยาย VEX, ส่วนขยาย VEX Robotics Feedback, ส่วนขยาย C/C++ และส่วนขยาย Python ได้รับการติดตั้งแล้ว และสามารถพบได้ภายใต้หมวดหมู่ ติดตั้ง ในแถบด้านข้าง

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

Last Updated: