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

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

การติดตั้งรหัส VS

image4.png

เปิดอินเทอร์เน็ตเบราว์เซอร์แล้วไปที่ https://code.visualstudio.com/ซึ่งเป็นหน้าแรกของเว็บไซต์ VS Code เลือกปุ่ม "ดาวน์โหลดสำหรับ Mac Universal" เพื่อเริ่มดาวน์โหลดแอปพลิเคชัน VS Code สำหรับ macOS รอให้การดาวน์โหลดเสร็จสิ้น

image15.png

เมื่อการดาวน์โหลดเสร็จสิ้น ให้เปิด Finder โดยเลือกไอคอน Finder ใน Dock

image5.png

ค้นหาไฟล์ VSCode-darwin-universal.zip ในโฟลเดอร์ Downloads โดยเลือก Downloads ในแถบด้านข้าง Favorites

image7.png

ดับเบิลคลิกที่ไฟล์ VSCode-darwin-universal.zip เพื่อแยกเนื้อหาที่เก็บถาวรหากไม่ได้แตกไฟล์โดยอัตโนมัติ แอปพลิเคชัน Visual Studio Code จะปรากฏในโฟลเดอร์ดาวน์โหลด

image16.png

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

image3.png

เลือกไอคอน Launchpad บน Dock

image18.png

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

image11.png

VS Code ได้รับการติดตั้งและเปิดใช้งานบนคอมพิวเตอร์

สำหรับข้อมูลที่เป็นประโยชน์เกี่ยวกับวิธีการติดตั้ง VS Code สำหรับ macOS ดูบทความ Visual Studio Code บน macOSบนเว็บไซต์ VS Code

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

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

image19.png

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

รูปภาพ14.png

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

image18.png

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

image16.png

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

image1.png

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

รูปภาพ10.png

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

image15.png

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

มีการติดตั้ง VEX Extension, VEX Robotics Feedback Extension, C/C++ Extension และ Python Extension และสามารถพบได้ในหมวดหมู่ 'INSTALLED' ในแถบด้านข้าง สำหรับข้อมูลที่เป็นประโยชน์เกี่ยวกับวิธีการค้นหา ติดตั้ง และจัดการส่วนขยาย VS Code จาก Visual Studio Code Marketplace โปรดดูบทความนี้บนเว็บไซต์ VS Code

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

Last Updated: