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

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

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

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

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

เดสก์ท็อป macOS พร้อมไอคอน Finder ที่เน้นไว้ด้านล่างบน Dock

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

เปิด Finder ไปที่โฟลเดอร์ดาวน์โหลด และแสดงไฟล์ zip สากลของ VS Code darwin

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

เปิด Finder ไปที่โฟลเดอร์ดาวน์โหลด และดับเบิลคลิกไฟล์ zip สากลของ VS Code Darwin เพื่อแตกไฟล์ออกมา ไฟล์แอปพลิเคชัน VS Code ปรากฏถัดจากไฟล์ zip

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

เปิด Finder ไปที่โฟลเดอร์ดาวน์โหลด และแยกแอปพลิเคชัน VS Code ออกมาแล้ว ทั้งแอปพลิเคชันและโฟลเดอร์แอปพลิเคชันจะถูกไฮไลต์ไว้ ซึ่งบ่งบอกว่าจะต้องลากไฟล์เข้าไปในโฟลเดอร์แอปพลิเคชัน

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

เดสก์ท็อป macOS พร้อมไอคอน Launchpad ที่เน้นไว้ด้านล่างบน Dock

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

แอปพลิเคชัน VS Code จะปรากฏบนเดสก์ท็อป macOS และถูกเน้นไว้

คลิกที่ไอคอน VS Code เพื่อเปิดใช้งาน Visual Studio 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” ในแถบค้นหา เลือก ติดตั้ง รอให้การติดตั้งเสร็จสิ้น

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

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

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