Visual Studio Code เป็นซอฟต์แวร์ที่ซับซ้อนซึ่งคนส่วนใหญ่ใช้เพื่อเริ่มต้นเส้นทางการเขียนโปรแกรม คุณสมบัติที่แข็งแกร่ง ความเข้ากันได้ข้ามช่วงของภาษาโปรแกรมทำให้เป็นหนึ่งในเครื่องมือการเขียนโปรแกรมที่ใช้มากที่สุดในโลก
แม้ว่า VS Code จะมีฟีเจอร์มากมายตั้งแต่เริ่มต้น แต่สามารถปรับปรุงฟังก์ชันการทำงานเพิ่มเติมได้โดยใช้ส่วนขยาย ซึ่งสามารถเพิ่มภาษา คอมไพเลอร์ และเครื่องมืออื่นๆ ที่ปรับปรุงเวิร์กโฟลว์ของโปรแกรมเมอร์ได้
ในบทความนี้ เราจะแสดงวิธีติดตั้งส่วนขยายใน VS Code ให้คุณดู รวมถึงพูดคุยเกี่ยวกับส่วนขยายที่มีประโยชน์และเป็นที่นิยมมากที่สุด
วิธีการติดตั้งส่วนขยายใน VS Code
VS Code มีตลาดส่วนขยายแบบบูรณาการที่ใช้เพื่อค้นหา ติดตั้ง และ/หรือจัดการส่วนขยายของคุณ ต่อไปนี้เป็นวิธีการติดตั้งส่วนขยายผ่าน VS Code Marketplace:
- คลิกที่ปุ่ม "ส่วนขยาย" ในแถบกิจกรรม ตั้งอยู่ด้านข้างไคลเอ็นต์ของ VS Code หรือคุณสามารถใช้แป้นพิมพ์ลัด “Ctrl+Shift+X” เพื่อเปิดหน้าจอ “ส่วนขยาย”
- ซึ่งจะนำคุณไปยังรายการ "ส่วนขยาย" VS Code จะจัดเรียงส่วนขยายตามความนิยมโดยอัตโนมัติ คุณยังสามารถใช้ช่องค้นหาที่ด้านบนของหน้าเพื่อกรองผลลัพธ์ของคุณ
- ส่วนขยายแต่ละรายการในรายการจะมีคำอธิบายสั้นๆ จำนวนการดาวน์โหลด (จำนวนครั้งที่ดาวน์โหลด) ชื่อผู้จัดพิมพ์ และการให้คะแนนจากศูนย์ถึงห้าดาว
- คุณสามารถคลิกส่วนขยายแต่ละรายการในรายการเพื่อดูรายละเอียดเพิ่มเติมก่อนทำการดาวน์โหลด รายละเอียดรวมถึงบันทึกการเปลี่ยนแปลง คำถามที่พบบ่อย และรายการการสนับสนุนและการอ้างอิงที่ส่วนขยายมอบให้และต้องการจาก VS Code ตามลำดับ
- หากคุณกำลังใช้พร็อกซีเพื่อเข้าถึงอินเทอร์เน็ต คุณจะต้องตั้งค่า VS Code เพื่อใช้พร็อกซีเซิร์ฟเวอร์ด้วยเพื่อเชื่อมต่ออินเทอร์เน็ตและดาวน์โหลดส่วนขยาย
- เมื่อคุณพบส่วนขยายที่ต้องการติดตั้งแล้ว ให้คลิกที่รายละเอียด
- คุณจะเห็นปุ่ม "ติดตั้ง" ใต้ชื่อส่วนขยาย
- คลิกปุ่ม "ติดตั้ง" และส่วนขยายจะดาวน์โหลดและติดตั้งบนอุปกรณ์ของคุณโดยอัตโนมัติ
- ตอนนี้ปุ่ม "ติดตั้ง" จะเปลี่ยนเป็นปุ่ม "จัดการ" ที่ดูเหมือนเกียร์
ส่วนขยายเป็นวิธีที่ยอดเยี่ยมในการปรับแต่งและเพิ่มความสามารถของ VS Code เพื่อให้เหมาะกับความต้องการส่วนบุคคลหรือในอาชีพของคุณ คอมพิวเตอร์ที่เชื่อมต่อกับอินเทอร์เน็ตโดยไม่มีพร็อกซีเซิร์ฟเวอร์มักจะไม่มีปัญหาในการดาวน์โหลดและติดตั้งส่วนขยายโดยอัตโนมัติผ่านตลาดรวม
โปรดทราบว่าส่วนขยายบางรายการอาจต้องติดตั้งส่วนขยายอื่นก่อนจึงจะใช้งานได้ รายการการพึ่งพาส่วนขยายทั้งหมดสามารถดูได้ในหน้ารายละเอียด
มีวิธีการอื่นที่สามารถช่วยให้ผู้ใช้ได้รับส่วนขยาย VS Code และไม่ต้องการการเชื่อมต่ออินเทอร์เน็ต
วิธีดาวน์โหลดส่วนขยายสำหรับ VS Code
หากคุณต้องการส่วนขยาย VS Code สำหรับอุปกรณ์ที่ไม่ได้เชื่อมต่อกับอินเทอร์เน็ต มีวิธีแก้ปัญหาในการเข้าถึงส่วนขยาย อย่างไรก็ตาม คุณจะต้องมีอุปกรณ์เครื่องที่สองที่เชื่อมต่ออินเทอร์เน็ตได้ นี่คือสิ่งที่คุณต้องทำ:
- บนอุปกรณ์ที่มีการเชื่อมต่ออินเทอร์เน็ต เปิดเบราว์เซอร์ที่คุณเลือกและไปที่ URL ของ VS Code Marketplace
- ใช้ฟังก์ชันการค้นหาเพื่อระบุการตั้งค่าของคุณ อีกทางหนึ่ง ตลาดแสดงรายการสินค้ายอดนิยมและมีประโยชน์มากที่สุดโดยตรง
- คลิกส่วนขยายที่คุณสนใจ ซึ่งจะเปิดหน้าเว็บที่แสดงรายละเอียดเพิ่มเติมเกี่ยวกับส่วนขยาย รวมถึงคำอธิบายสั้น ๆ ชื่อผู้เผยแพร่ แท็บที่แสดงคำถามที่พบบ่อย และบันทึกการเปลี่ยนแปลงเวอร์ชันสมบูรณ์
- คลิกที่ปุ่ม "ดาวน์โหลดส่วนขยาย" ที่ด้านขวาของหน้า อย่าคลิกปุ่ม "ติดตั้ง" ที่ด้านบน เนื่องจากระบบจะเริ่มติดตั้งส่วนขยายในอุปกรณ์ปัจจุบัน
- การดาวน์โหลดจะสร้างไฟล์ .VSIX ที่สามารถโอนไปยังเครื่องที่ต้องการได้
การดาวน์โหลดส่วนขยายในลักษณะนี้ไม่ได้ติดตั้งไว้ ไฟล์ .VSIX ไม่สามารถอ่านได้โดยโปรแกรมอื่นนอกเหนือจากไฟล์ที่ใช้ในการติดตั้งส่วนขยาย VS Code หากคุณเปิดไฟล์ .VSIX ด้วยตนเอง คุณอาจได้รับข้อผิดพลาด
วิธีการติดตั้งส่วนขยายแบบออฟไลน์สำหรับ VS Code
แม้ว่าคอมพิวเตอร์ส่วนใหญ่ในปัจจุบันจะเชื่อมต่อกับอินเทอร์เน็ต แต่อุปกรณ์บางเครื่องไม่มีการเชื่อมต่อดังกล่าวด้วยเหตุผลด้านความปลอดภัยและความปลอดภัยหรือความต้องการเฉพาะด้านของผู้เชี่ยวชาญ โชคดีที่เครื่องไม่จำเป็นต้องเชื่อมต่อกับอินเทอร์เน็ตเพื่อติดตั้งส่วนขยาย อย่างไรก็ตาม คุณยังคงต้องการวิธีดาวน์โหลดส่วนขยาย
ใช้ขั้นตอนที่อธิบายไว้ในส่วนก่อนหน้าของบทความนี้เพื่อดาวน์โหลดส่วนขยายในอุปกรณ์อื่นที่เชื่อมต่อ จากนั้นคัดลอกไฟล์ .VSIX ที่สร้างขึ้น ด้วยเหตุผลที่ชัดเจน ให้ใช้สื่อการถ่ายโอนที่ไม่ขึ้นอยู่กับการเชื่อมต่ออินเทอร์เน็ต เช่น ไดรฟ์ USB หรือ HDD หรือ SSD ภายนอก
โปรดทราบว่าหากส่วนขยายมีการขึ้นต่อกัน คุณจะต้องดาวน์โหลดและติดตั้งก่อน
เมื่อโอนส่วนขยายไปยังเครื่องที่คุณต้องการติดตั้งแล้ว ให้ทำตามขั้นตอนเหล่านี้:
- ตัวเลือกแรกในการติดตั้งส่วนขยายใหม่ควรเป็นการเปิดไฟล์ .VSIX ของส่วนขยาย หากมีการติดตั้ง VS Code บนอุปกรณ์ ซอฟต์แวร์เวอร์ชันเก่าจะสามารถติดตั้งส่วนขยายได้ด้วยตนเองจากที่นี่ ปฏิบัติตามคำแนะนำในการติดตั้งเพื่อรวมส่วนขยายเข้ากับ VS Code ได้สำเร็จ หากติดตั้งส่วนขยายแล้ว คุณสามารถข้ามขั้นตอนอื่นๆ ได้
- หากวิธีการข้างต้นไม่ได้ผล แสดงว่ามีวิธีแก้ปัญหา ทำตามขั้นตอนเหล่านี้
- เปิดรหัส VS
- เปิดแถบด้านข้าง "ส่วนขยาย" (คุณสามารถใช้ "Ctrl+Shift+X")
- คลิกที่ไอคอนจุดไข่ปลาที่มุมบนขวาของเมนู
- เลือก “ติดตั้งจาก VSIX…”
- VS Code จะเปิดเบราว์เซอร์เอกสาร ค้นหาไฟล์ .VSIX ที่คุณถ่ายโอนและเลือก
- VS Code จะเริ่มกระบวนการติดตั้งส่วนขยาย
- หลังจากติดตั้งส่วนขยายแล้ว คุณจะสามารถดูได้ในเมนู "ส่วนขยาย" และจัดการตามนั้น
วิธีการติดตั้งส่วนขยายใน VS Code ด้วย Command Prompt
สำหรับผู้ที่เข้าใจเทคโนโลยีมากขึ้น VS Code มีการรวมพรอมต์คำสั่งที่อนุญาตให้จำลองฟังก์ชันส่วนใหญ่ด้วยบรรทัดคำสั่ง
ต่อไปนี้เป็นวิธีเปิดพรอมต์คำสั่งใน VS Code:
- ใช้แป้นพิมพ์ลัด "Ctrl+`" (เครื่องหมายย้อนกลับ)
- ไปที่ "ดู" จากนั้นเลือก "เทอร์มินัล" ในเมนู
- ใช้ชุดคำสั่ง (“Ctrl+Shift+P”) แล้วใช้ “View: Toggle Integrated Terminal”
เมื่อพรอมต์คำสั่งเปิดขึ้น ให้ใช้คำสั่งต่อไปนี้เพื่อติดตั้งส่วนขยายใหม่:
“–ติดตั้งส่วนขยาย”
คุณต้องระบุชื่อเต็มของส่วนขยาย โดยแทนที่อาร์กิวเมนต์ "" ซึ่งปกติจะอยู่ในรูปแบบของ "publisher.extension" ชื่อเต็มของส่วนขยายยังสามารถพบได้ใน URL ของส่วนขยายใน VS Code Marketplace หลังอาร์กิวเมนต์ “itemName=”
วิธีการติดตั้งส่วนขยายใน VS Code สำหรับผู้ใช้ทั้งหมด
สมมติว่าเครื่องที่ใช้ VS Code ถูกใช้โดยบุคคลอื่นโดยใช้โปรไฟล์แยกกันเพื่อเข้าถึง ในกรณีนั้น ไม่ใช่ทุกคนที่จะได้รับการติดตั้งส่วนขยายเมื่อดำเนินการโดยอัตโนมัติ ตลาดแบบบูรณาการของ VS Code จะติดตั้งส่วนขยายบนอินสแตนซ์ของผู้ใช้ปัจจุบันของโปรแกรมเท่านั้น การติดตั้งจะต้องทำซ้ำสำหรับผู้ใช้แต่ละรายที่ต้องการส่วนขยาย
อย่างไรก็ตาม มีวิธีแก้ปัญหาที่จะติดตั้งส่วนขยายสำหรับผู้ใช้ทั้งหมดในเครื่อง นี่คือสิ่งที่คุณต้องทำ:
- ใช้ VS Code Marketplace ออนไลน์เพื่อดาวน์โหลดไฟล์ .VSIX ของส่วนขยายตามที่อธิบายไว้ในส่วน "วิธีดาวน์โหลดส่วนขยายสำหรับ VS Code" ด้านบน
- ค้นหาแอปพลิเคชันชื่อ VSIXInstaller.exe
- ใช้พารามิเตอร์ “/admin” เมื่อเรียกโปรแกรมติดตั้งเพื่อติดตั้งส่วนขยายสำหรับผู้ใช้ทั้งหมด ตัวอย่างเช่น: “VSIXInstaller.exe /admin file_path.vsix” คุณสามารถใช้พรอมต์คำสั่งของ VS Code เพื่อพยายามเร่งกระบวนการนี้
ส่วนขยายบางรายการมาพร้อมกับตัวติดตั้ง ซึ่งจะช่วยให้คุณติดตั้งได้สำหรับผู้ใช้ทั้งหมดหากมีการทำเครื่องหมายการตรวจสอบที่ถูกต้องระหว่างการติดตั้ง
หากวิธีการข้างต้นไม่ได้ผล วิธีแก้ไขเดียวคือใช้วิธีการติดตั้ง .VSIX ด้วยตนเองซึ่งระบุไว้ในส่วน "ออฟไลน์" หรือ "พรอมต์คำสั่ง"
วิธีจัดการส่วนขยายใน VS Code
การจัดการส่วนขยายช่วยให้คุณได้รับประโยชน์สูงสุดจากแพลตฟอร์ม VS Code ของคุณ ส่วนขยายแต่ละรายการสามารถเปิด ปิด หรือถอนการติดตั้งได้โดยตรงจากเมนู "ส่วนขยาย":
- เปิดเมนู "ส่วนขยาย"
- ส่วนขยายที่อยู่ในรายการมักจะอยู่ในลำดับที่เปิดใช้งาน > ปิดใช้งาน > ที่แนะนำ
- หากคุณต้องการจัดการส่วนขยาย ให้กดไอคอนรูปเฟืองที่ด้านขวาของรายการในรายการ จากนั้นเลือกตัวเลือกการจัดการที่ต้องการจากรายการดรอปดาวน์
หรือดูและจัดการส่วนขยายได้จากพรอมต์คำสั่ง หากคุณต้องการใช้พรอมต์คำสั่งเพื่อจัดการส่วนขยาย ต่อไปนี้คือฟังก์ชันเพิ่มเติมบางส่วน:
- “–uninstall-extension ” ถอนการติดตั้งส่วนขยาย ใช้ชื่อนามสกุลเต็มในอาร์กิวเมนต์ “” คล้ายกับตอนที่คุณติดตั้ง
- “–list-extensions” จะแสดงรายการส่วนขยายที่ติดตั้งทั้งหมดบนอุปกรณ์
- สามารถใช้ “–show-versions” ร่วมกับคำสั่ง list เพื่อแสดงเวอร์ชันของส่วนขยายที่ติดตั้ง ซึ่งจะเป็นประโยชน์ในการพิจารณาว่าจำเป็นต้องอัปเดตส่วนขยายบางรายการหรือไม่
- “–disable-extensions” จะปิดการใช้งานส่วนขยายทั้งหมด VS Code จะยังคงแสดงรายการเป็น "ปิดใช้งาน" ในเมนู "ส่วนขยาย" แต่ส่วนขยายจะไม่ทำงาน
- “–enable-proposed-api” เปิดใช้งานคุณสมบัติ API ที่เสนอของส่วนขยาย คุณต้องระบุชื่อเต็มของส่วนขยายสำหรับอาร์กิวเมนต์ " "
พรอมต์คำสั่งมีประโยชน์หลายอย่างนอกเหนือจากการจัดการส่วนขยาย ซึ่งอาจครอบคลุมในโอกาสต่างๆ
วิธีถอนการติดตั้งส่วนขยายจาก VS Code
ตลอดอายุการเขียนโปรแกรมของคุณ อาจมีส่วนขยายเพิ่มเติมที่คุณไม่ต้องการ หรือคุณจะพบส่วนขยายที่มีความสามารถมากกว่าและทำให้ส่วนอื่นซ้ำซ้อน ต่อไปนี้เป็นวิธีถอนการติดตั้งส่วนขยาย:
- เปิดรหัส VS
- เปิดเมนู "ส่วนขยาย"
- เลือกไอคอนรูปเฟืองถัดจากส่วนขยายที่คุณต้องการลบ
- เลือกตัวเลือก "ถอนการติดตั้ง" เพื่อลบส่วนขยายออกจากอุปกรณ์ของคุณ สิ่งนี้จะแจ้งให้คุณโหลด VS Code ใหม่
- หรือใช้คำสั่ง “–uninstall-extension ” ในเทอร์มินัลของ VS Code ระบุชื่อเต็มของส่วนขยาย (publisher.extension) สำหรับอาร์กิวเมนต์ ""
คุณสามารถใช้ตัวเลือก "ปิดใช้งาน" เพื่อติดตั้งส่วนขยายต่อไปได้ แต่จะป้องกันไม่ให้ทำการเปลี่ยนแปลงในโครงการ VS Code ของคุณ ส่วนขยายสามารถเปิดใช้งานได้อีกครั้งในภายหลังโดยใช้ปุ่ม "เปิดใช้งาน"
วิธีอัปเดตส่วนขยายด้วยตนเองใน VS Code
ตามค่าเริ่มต้น VS Code จะอัปเดตส่วนขยายที่ติดตั้งทั้งหมดโดยอัตโนมัติทุกครั้งที่มีเวอร์ชันใหม่ออกสู่ตลาด อย่างไรก็ตาม สำหรับเครื่องที่ไม่มีการเข้าถึงอินเทอร์เน็ตหรือปิดใช้งานการอัปเดตอัตโนมัติ มีวิธีอัปเดตส่วนขยายด้วยตนเอง นี่คือสิ่งที่คุณต้องทำ:
- หากเครื่องมีการเข้าถึงอินเทอร์เน็ต ให้ใช้ตัวกรอง "@outdated" ในแถบค้นหา "ส่วนขยาย" นี่จะแสดงรายการส่วนขยายที่ต้องอัปเดต คลิกปุ่ม "อัปเดต" ในรายละเอียดส่วนขยายเพื่ออัปเดตและบังคับให้ VS Code โหลดซ้ำ หรือใช้คำสั่ง "อัปเดตส่วนขยายทั้งหมด" เพื่ออัปเดตส่วนขยายที่ล้าสมัยทั้งหมด หากคุณปิดใช้งานการตรวจสอบอัตโนมัติ คุณต้องใช้คำสั่ง "ตรวจสอบการอัปเดตส่วนขยาย" ในเมนู
- หากเครื่องไม่มีการเชื่อมต่ออินเทอร์เน็ต คุณจะต้องดาวน์โหลดเวอร์ชันส่วนขยายที่เหมาะสมในที่อื่น จากนั้นถอนการติดตั้งเวอร์ชันที่ล้าสมัยออกจากเครื่องแล้วติดตั้งเวอร์ชันล่าสุดในภายหลัง
จะทำอย่างไรถ้า VS Code ไม่สามารถติดตั้งส่วนขยายได้
หาก VS Code ล้มเหลวในระหว่างกระบวนการติดตั้ง มีบางสิ่งที่คุณสามารถลองแก้ไขได้:
- ตรวจสอบการพึ่งพา ส่วนขยายบางรายการต้องใช้ส่วนขยายอื่นเพื่อให้ทำงานได้อย่างถูกต้อง หรือในบางกรณีอาจต้องติดตั้งด้วย
- ตรวจสอบพร็อกซีเซิร์ฟเวอร์ของคุณ คุณจะต้องกำหนดค่า VS Code เพื่อใช้พร็อกซีเซิร์ฟเวอร์เดียวกัน
- เปลี่ยนการตั้งค่า DNS เป็น 8.8.8.8 และ 8.8.4.4 การตั้งค่าเหล่านี้สามารถพบได้ในตัวเลือกอแด็ปเตอร์ “การตั้งค่าอินเทอร์เน็ต > เปลี่ยน”
รับการเข้ารหัสด้วย VS Code
VS Code เป็นซอฟต์แวร์ที่ซับซ้อนซึ่งช่วยให้คุณเขียนโปรแกรมในภาษาต่างๆ ได้ทุกประเภท และใช้คุณสมบัติมากมาย ส่วนขยายเป็นวิธีที่ยอดเยี่ยมในการปรับแต่งและปรับปรุงฟังก์ชันและประสิทธิภาพของ VS Code ส่วนขยายที่ดีจะช่วยเพิ่มเวิร์กโฟลว์ของคุณได้อย่างมาก ดังนั้นให้มองหาส่วนขยายใหม่ที่จะติดตั้ง
คุณใช้นามสกุลอะไรใน VS Code ของคุณ? แจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง