VS Code วิธีการติดตั้งส่วนขยาย

Visual Studio Code เป็นซอฟต์แวร์ที่ซับซ้อนซึ่งคนส่วนใหญ่ใช้เพื่อเริ่มต้นเส้นทางการเขียนโปรแกรม คุณสมบัติที่แข็งแกร่ง ความเข้ากันได้ข้ามช่วงของภาษาโปรแกรมทำให้เป็นหนึ่งในเครื่องมือการเขียนโปรแกรมที่ใช้มากที่สุดในโลก

แม้ว่า VS Code จะมีฟีเจอร์มากมายตั้งแต่เริ่มต้น แต่สามารถปรับปรุงฟังก์ชันการทำงานเพิ่มเติมได้โดยใช้ส่วนขยาย ซึ่งสามารถเพิ่มภาษา คอมไพเลอร์ และเครื่องมืออื่นๆ ที่ปรับปรุงเวิร์กโฟลว์ของโปรแกรมเมอร์ได้

ในบทความนี้ เราจะแสดงวิธีติดตั้งส่วนขยายใน VS Code ให้คุณดู รวมถึงพูดคุยเกี่ยวกับส่วนขยายที่มีประโยชน์และเป็นที่นิยมมากที่สุด

วิธีการติดตั้งส่วนขยายใน VS Code

VS Code มีตลาดส่วนขยายแบบบูรณาการที่ใช้เพื่อค้นหา ติดตั้ง และ/หรือจัดการส่วนขยายของคุณ ต่อไปนี้เป็นวิธีการติดตั้งส่วนขยายผ่าน VS Code Marketplace:

  1. คลิกที่ปุ่ม "ส่วนขยาย" ในแถบกิจกรรม ตั้งอยู่ด้านข้างไคลเอ็นต์ของ VS Code หรือคุณสามารถใช้แป้นพิมพ์ลัด “Ctrl+Shift+X” เพื่อเปิดหน้าจอ “ส่วนขยาย”

  2. ซึ่งจะนำคุณไปยังรายการ "ส่วนขยาย" VS Code จะจัดเรียงส่วนขยายตามความนิยมโดยอัตโนมัติ คุณยังสามารถใช้ช่องค้นหาที่ด้านบนของหน้าเพื่อกรองผลลัพธ์ของคุณ

  3. ส่วนขยายแต่ละรายการในรายการจะมีคำอธิบายสั้นๆ จำนวนการดาวน์โหลด (จำนวนครั้งที่ดาวน์โหลด) ชื่อผู้จัดพิมพ์ และการให้คะแนนจากศูนย์ถึงห้าดาว

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

  5. หากคุณกำลังใช้พร็อกซีเพื่อเข้าถึงอินเทอร์เน็ต คุณจะต้องตั้งค่า VS Code เพื่อใช้พร็อกซีเซิร์ฟเวอร์ด้วยเพื่อเชื่อมต่ออินเทอร์เน็ตและดาวน์โหลดส่วนขยาย
  6. เมื่อคุณพบส่วนขยายที่ต้องการติดตั้งแล้ว ให้คลิกที่รายละเอียด

  7. คุณจะเห็นปุ่ม "ติดตั้ง" ใต้ชื่อส่วนขยาย

  8. คลิกปุ่ม "ติดตั้ง" และส่วนขยายจะดาวน์โหลดและติดตั้งบนอุปกรณ์ของคุณโดยอัตโนมัติ

  9. ตอนนี้ปุ่ม "ติดตั้ง" จะเปลี่ยนเป็นปุ่ม "จัดการ" ที่ดูเหมือนเกียร์

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

โปรดทราบว่าส่วนขยายบางรายการอาจต้องติดตั้งส่วนขยายอื่นก่อนจึงจะใช้งานได้ รายการการพึ่งพาส่วนขยายทั้งหมดสามารถดูได้ในหน้ารายละเอียด

มีวิธีการอื่นที่สามารถช่วยให้ผู้ใช้ได้รับส่วนขยาย VS Code และไม่ต้องการการเชื่อมต่ออินเทอร์เน็ต

วิธีดาวน์โหลดส่วนขยายสำหรับ VS Code

หากคุณต้องการส่วนขยาย VS Code สำหรับอุปกรณ์ที่ไม่ได้เชื่อมต่อกับอินเทอร์เน็ต มีวิธีแก้ปัญหาในการเข้าถึงส่วนขยาย อย่างไรก็ตาม คุณจะต้องมีอุปกรณ์เครื่องที่สองที่เชื่อมต่ออินเทอร์เน็ตได้ นี่คือสิ่งที่คุณต้องทำ:

  1. บนอุปกรณ์ที่มีการเชื่อมต่ออินเทอร์เน็ต เปิดเบราว์เซอร์ที่คุณเลือกและไปที่ URL ของ VS Code Marketplace

  2. ใช้ฟังก์ชันการค้นหาเพื่อระบุการตั้งค่าของคุณ อีกทางหนึ่ง ตลาดแสดงรายการสินค้ายอดนิยมและมีประโยชน์มากที่สุดโดยตรง

  3. คลิกส่วนขยายที่คุณสนใจ ซึ่งจะเปิดหน้าเว็บที่แสดงรายละเอียดเพิ่มเติมเกี่ยวกับส่วนขยาย รวมถึงคำอธิบายสั้น ๆ ชื่อผู้เผยแพร่ แท็บที่แสดงคำถามที่พบบ่อย และบันทึกการเปลี่ยนแปลงเวอร์ชันสมบูรณ์

  4. คลิกที่ปุ่ม "ดาวน์โหลดส่วนขยาย" ที่ด้านขวาของหน้า อย่าคลิกปุ่ม "ติดตั้ง" ที่ด้านบน เนื่องจากระบบจะเริ่มติดตั้งส่วนขยายในอุปกรณ์ปัจจุบัน

  5. การดาวน์โหลดจะสร้างไฟล์ .VSIX ที่สามารถโอนไปยังเครื่องที่ต้องการได้

การดาวน์โหลดส่วนขยายในลักษณะนี้ไม่ได้ติดตั้งไว้ ไฟล์ .VSIX ไม่สามารถอ่านได้โดยโปรแกรมอื่นนอกเหนือจากไฟล์ที่ใช้ในการติดตั้งส่วนขยาย VS Code หากคุณเปิดไฟล์ .VSIX ด้วยตนเอง คุณอาจได้รับข้อผิดพลาด

วิธีการติดตั้งส่วนขยายแบบออฟไลน์สำหรับ VS Code

แม้ว่าคอมพิวเตอร์ส่วนใหญ่ในปัจจุบันจะเชื่อมต่อกับอินเทอร์เน็ต แต่อุปกรณ์บางเครื่องไม่มีการเชื่อมต่อดังกล่าวด้วยเหตุผลด้านความปลอดภัยและความปลอดภัยหรือความต้องการเฉพาะด้านของผู้เชี่ยวชาญ โชคดีที่เครื่องไม่จำเป็นต้องเชื่อมต่อกับอินเทอร์เน็ตเพื่อติดตั้งส่วนขยาย อย่างไรก็ตาม คุณยังคงต้องการวิธีดาวน์โหลดส่วนขยาย

ใช้ขั้นตอนที่อธิบายไว้ในส่วนก่อนหน้าของบทความนี้เพื่อดาวน์โหลดส่วนขยายในอุปกรณ์อื่นที่เชื่อมต่อ จากนั้นคัดลอกไฟล์ .VSIX ที่สร้างขึ้น ด้วยเหตุผลที่ชัดเจน ให้ใช้สื่อการถ่ายโอนที่ไม่ขึ้นอยู่กับการเชื่อมต่ออินเทอร์เน็ต เช่น ไดรฟ์ USB หรือ HDD หรือ SSD ภายนอก

โปรดทราบว่าหากส่วนขยายมีการขึ้นต่อกัน คุณจะต้องดาวน์โหลดและติดตั้งก่อน

เมื่อโอนส่วนขยายไปยังเครื่องที่คุณต้องการติดตั้งแล้ว ให้ทำตามขั้นตอนเหล่านี้:

  1. ตัวเลือกแรกในการติดตั้งส่วนขยายใหม่ควรเป็นการเปิดไฟล์ .VSIX ของส่วนขยาย หากมีการติดตั้ง VS Code บนอุปกรณ์ ซอฟต์แวร์เวอร์ชันเก่าจะสามารถติดตั้งส่วนขยายได้ด้วยตนเองจากที่นี่ ปฏิบัติตามคำแนะนำในการติดตั้งเพื่อรวมส่วนขยายเข้ากับ VS Code ได้สำเร็จ หากติดตั้งส่วนขยายแล้ว คุณสามารถข้ามขั้นตอนอื่นๆ ได้
  2. หากวิธีการข้างต้นไม่ได้ผล แสดงว่ามีวิธีแก้ปัญหา ทำตามขั้นตอนเหล่านี้
    1. เปิดรหัส VS

    2. เปิดแถบด้านข้าง "ส่วนขยาย" (คุณสามารถใช้ "Ctrl+Shift+X")

    3. คลิกที่ไอคอนจุดไข่ปลาที่มุมบนขวาของเมนู

    4. เลือก “ติดตั้งจาก VSIX…”

    5. VS Code จะเปิดเบราว์เซอร์เอกสาร ค้นหาไฟล์ .VSIX ที่คุณถ่ายโอนและเลือก

    6. VS Code จะเริ่มกระบวนการติดตั้งส่วนขยาย
    7. หลังจากติดตั้งส่วนขยายแล้ว คุณจะสามารถดูได้ในเมนู "ส่วนขยาย" และจัดการตามนั้น

วิธีการติดตั้งส่วนขยายใน VS Code ด้วย Command Prompt

สำหรับผู้ที่เข้าใจเทคโนโลยีมากขึ้น VS Code มีการรวมพรอมต์คำสั่งที่อนุญาตให้จำลองฟังก์ชันส่วนใหญ่ด้วยบรรทัดคำสั่ง

ต่อไปนี้เป็นวิธีเปิดพรอมต์คำสั่งใน VS Code:

  1. ใช้แป้นพิมพ์ลัด "Ctrl+`" (เครื่องหมายย้อนกลับ)

  2. ไปที่ "ดู" จากนั้นเลือก "เทอร์มินัล" ในเมนู

  3. ใช้ชุดคำสั่ง (“Ctrl+Shift+P”) แล้วใช้ “View: Toggle Integrated Terminal”

เมื่อพรอมต์คำสั่งเปิดขึ้น ให้ใช้คำสั่งต่อไปนี้เพื่อติดตั้งส่วนขยายใหม่:

“–ติดตั้งส่วนขยาย”

คุณต้องระบุชื่อเต็มของส่วนขยาย โดยแทนที่อาร์กิวเมนต์ "" ซึ่งปกติจะอยู่ในรูปแบบของ "publisher.extension" ชื่อเต็มของส่วนขยายยังสามารถพบได้ใน URL ของส่วนขยายใน VS Code Marketplace หลังอาร์กิวเมนต์ “itemName=”

วิธีการติดตั้งส่วนขยายใน VS Code สำหรับผู้ใช้ทั้งหมด

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

อย่างไรก็ตาม มีวิธีแก้ปัญหาที่จะติดตั้งส่วนขยายสำหรับผู้ใช้ทั้งหมดในเครื่อง นี่คือสิ่งที่คุณต้องทำ:

  1. ใช้ VS Code Marketplace ออนไลน์เพื่อดาวน์โหลดไฟล์ .VSIX ของส่วนขยายตามที่อธิบายไว้ในส่วน "วิธีดาวน์โหลดส่วนขยายสำหรับ VS Code" ด้านบน
  2. ค้นหาแอปพลิเคชันชื่อ VSIXInstaller.exe

  3. ใช้พารามิเตอร์ “/admin” เมื่อเรียกโปรแกรมติดตั้งเพื่อติดตั้งส่วนขยายสำหรับผู้ใช้ทั้งหมด ตัวอย่างเช่น: “VSIXInstaller.exe /admin file_path.vsix” คุณสามารถใช้พรอมต์คำสั่งของ VS Code เพื่อพยายามเร่งกระบวนการนี้

ส่วนขยายบางรายการมาพร้อมกับตัวติดตั้ง ซึ่งจะช่วยให้คุณติดตั้งได้สำหรับผู้ใช้ทั้งหมดหากมีการทำเครื่องหมายการตรวจสอบที่ถูกต้องระหว่างการติดตั้ง

หากวิธีการข้างต้นไม่ได้ผล วิธีแก้ไขเดียวคือใช้วิธีการติดตั้ง .VSIX ด้วยตนเองซึ่งระบุไว้ในส่วน "ออฟไลน์" หรือ "พรอมต์คำสั่ง"

วิธีจัดการส่วนขยายใน VS Code

การจัดการส่วนขยายช่วยให้คุณได้รับประโยชน์สูงสุดจากแพลตฟอร์ม VS Code ของคุณ ส่วนขยายแต่ละรายการสามารถเปิด ปิด หรือถอนการติดตั้งได้โดยตรงจากเมนู "ส่วนขยาย":

  1. เปิดเมนู "ส่วนขยาย"

  2. ส่วนขยายที่อยู่ในรายการมักจะอยู่ในลำดับที่เปิดใช้งาน > ปิดใช้งาน > ที่แนะนำ

  3. หากคุณต้องการจัดการส่วนขยาย ให้กดไอคอนรูปเฟืองที่ด้านขวาของรายการในรายการ จากนั้นเลือกตัวเลือกการจัดการที่ต้องการจากรายการดรอปดาวน์

หรือดูและจัดการส่วนขยายได้จากพรอมต์คำสั่ง หากคุณต้องการใช้พรอมต์คำสั่งเพื่อจัดการส่วนขยาย ต่อไปนี้คือฟังก์ชันเพิ่มเติมบางส่วน:

  1. “–uninstall-extension ” ถอนการติดตั้งส่วนขยาย ใช้ชื่อนามสกุลเต็มในอาร์กิวเมนต์ “” คล้ายกับตอนที่คุณติดตั้ง
  2. “–list-extensions” จะแสดงรายการส่วนขยายที่ติดตั้งทั้งหมดบนอุปกรณ์
  3. สามารถใช้ “–show-versions” ร่วมกับคำสั่ง list เพื่อแสดงเวอร์ชันของส่วนขยายที่ติดตั้ง ซึ่งจะเป็นประโยชน์ในการพิจารณาว่าจำเป็นต้องอัปเดตส่วนขยายบางรายการหรือไม่
  4. “–disable-extensions” จะปิดการใช้งานส่วนขยายทั้งหมด VS Code จะยังคงแสดงรายการเป็น "ปิดใช้งาน" ในเมนู "ส่วนขยาย" แต่ส่วนขยายจะไม่ทำงาน
  5. “–enable-proposed-api” เปิดใช้งานคุณสมบัติ API ที่เสนอของส่วนขยาย คุณต้องระบุชื่อเต็มของส่วนขยายสำหรับอาร์กิวเมนต์ " "

พรอมต์คำสั่งมีประโยชน์หลายอย่างนอกเหนือจากการจัดการส่วนขยาย ซึ่งอาจครอบคลุมในโอกาสต่างๆ

วิธีถอนการติดตั้งส่วนขยายจาก VS Code

ตลอดอายุการเขียนโปรแกรมของคุณ อาจมีส่วนขยายเพิ่มเติมที่คุณไม่ต้องการ หรือคุณจะพบส่วนขยายที่มีความสามารถมากกว่าและทำให้ส่วนอื่นซ้ำซ้อน ต่อไปนี้เป็นวิธีถอนการติดตั้งส่วนขยาย:

  1. เปิดรหัส VS

  2. เปิดเมนู "ส่วนขยาย"

  3. เลือกไอคอนรูปเฟืองถัดจากส่วนขยายที่คุณต้องการลบ

  4. เลือกตัวเลือก "ถอนการติดตั้ง" เพื่อลบส่วนขยายออกจากอุปกรณ์ของคุณ สิ่งนี้จะแจ้งให้คุณโหลด VS Code ใหม่

  5. หรือใช้คำสั่ง “–uninstall-extension ” ในเทอร์มินัลของ VS Code ระบุชื่อเต็มของส่วนขยาย (publisher.extension) สำหรับอาร์กิวเมนต์ ""

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

วิธีอัปเดตส่วนขยายด้วยตนเองใน VS Code

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

  1. หากเครื่องมีการเข้าถึงอินเทอร์เน็ต ให้ใช้ตัวกรอง "@outdated" ในแถบค้นหา "ส่วนขยาย" นี่จะแสดงรายการส่วนขยายที่ต้องอัปเดต คลิกปุ่ม "อัปเดต" ในรายละเอียดส่วนขยายเพื่ออัปเดตและบังคับให้ VS Code โหลดซ้ำ หรือใช้คำสั่ง "อัปเดตส่วนขยายทั้งหมด" เพื่ออัปเดตส่วนขยายที่ล้าสมัยทั้งหมด หากคุณปิดใช้งานการตรวจสอบอัตโนมัติ คุณต้องใช้คำสั่ง "ตรวจสอบการอัปเดตส่วนขยาย" ในเมนู
  2. หากเครื่องไม่มีการเชื่อมต่ออินเทอร์เน็ต คุณจะต้องดาวน์โหลดเวอร์ชันส่วนขยายที่เหมาะสมในที่อื่น จากนั้นถอนการติดตั้งเวอร์ชันที่ล้าสมัยออกจากเครื่องแล้วติดตั้งเวอร์ชันล่าสุดในภายหลัง

จะทำอย่างไรถ้า VS Code ไม่สามารถติดตั้งส่วนขยายได้

หาก VS Code ล้มเหลวในระหว่างกระบวนการติดตั้ง มีบางสิ่งที่คุณสามารถลองแก้ไขได้:

  1. ตรวจสอบการพึ่งพา ส่วนขยายบางรายการต้องใช้ส่วนขยายอื่นเพื่อให้ทำงานได้อย่างถูกต้อง หรือในบางกรณีอาจต้องติดตั้งด้วย
  2. ตรวจสอบพร็อกซีเซิร์ฟเวอร์ของคุณ คุณจะต้องกำหนดค่า VS Code เพื่อใช้พร็อกซีเซิร์ฟเวอร์เดียวกัน
  3. เปลี่ยนการตั้งค่า DNS เป็น 8.8.8.8 และ 8.8.4.4 การตั้งค่าเหล่านี้สามารถพบได้ในตัวเลือกอแด็ปเตอร์ “การตั้งค่าอินเทอร์เน็ต > เปลี่ยน”

รับการเข้ารหัสด้วย VS Code

VS Code เป็นซอฟต์แวร์ที่ซับซ้อนซึ่งช่วยให้คุณเขียนโปรแกรมในภาษาต่างๆ ได้ทุกประเภท และใช้คุณสมบัติมากมาย ส่วนขยายเป็นวิธีที่ยอดเยี่ยมในการปรับแต่งและปรับปรุงฟังก์ชันและประสิทธิภาพของ VS Code ส่วนขยายที่ดีจะช่วยเพิ่มเวิร์กโฟลว์ของคุณได้อย่างมาก ดังนั้นให้มองหาส่วนขยายใหม่ที่จะติดตั้ง

คุณใช้นามสกุลอะไรใน VS Code ของคุณ? แจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง

โพสต์ล่าสุด

$config[zx-auto] not found$config[zx-overlay] not found