วิธีการรันโค้ดใน Terminal ใน VS Code

เทอร์มินัล VS Code (Visual Studio Code) อนุญาตให้ใช้คำสั่งข้อความ สามารถดูผลลัพธ์และเอาต์พุตได้ในตัวแก้ไข และรองรับเชลล์ เช่น bash, command prompt และ PowerShell การรันโค้ดในเทอร์มินัลทำให้ผู้ใช้สามารถแยกเทอร์มินัลออกเป็นบานหน้าต่างต่างๆ นำทางประวัติคำสั่ง ปรับแต่งสภาพแวดล้อมเชลล์ และกำหนดการตั้งค่าเพื่อให้ขั้นตอนการทำงานดีขึ้น

How To Run Code In Terminal In VS Code

บทความนี้จะเจาะลึกถึงวิธีการรันโค้ดในเทอร์มินัล VS Code

การรันโค้ดใน Terminal

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

  1. ใน VS Code ให้เปิดไฟล์ที่คุณต้องการใช้งาน เพื่อให้ทำงานได้ คุณต้องมีส่วนขยายภาษาที่เหมาะสมซึ่งตรงกับภาษาการเขียนโปรแกรมของคุณ คุณสามารถค้นหาได้ในแท็บส่วนขยาย
    How To Run Code In Terminal In VS Code
  2. เลือกปุ่ม backtick (`) บนแป้นพิมพ์ นี่เป็นการเปิดเทอร์มินัลรวม อีกทางเลือกหนึ่งคือเลือก "Terminal" ใต้แถบเมนู "View" เมื่ออยู่ที่นี่ ให้เลือก "เทอร์มินัลใหม่"
    How To Run Code In Terminal In VS Code
  3. ไปที่ไดเร็กทอรีที่มีไฟล์โค้ดโดยใช้คำสั่ง "cd" เช่น หากไฟล์อยู่ใน “Document” คำสั่งที่ใช้ที่นี่ควรเป็น “cd Documents” ซึ่งจะทำให้คุณสามารถนำทางไปยังโฟลเดอร์ได้
    How To Run Code In Terminal In VS Code
  4. เมื่อพบไดเรกทอรีที่ถูกต้อง คุณควรเรียกใช้ไฟล์โค้ด ทำได้โดยการพิมพ์คำสั่งที่ถูกต้องสำหรับภาษาโปรแกรมเฉพาะที่ใช้
    How To Run Code In Terminal In VS Code
    • จาวาสคริปต์:node filename.js
    • หลาม:python filename.py
    • ซี++:g++ filename.cpp -o output && ./output
    • ชวา:javac filename.java && java filename
    • ทับทิม:ruby filename.rb
  5. ควรแทนที่ชื่อไฟล์ด้วยชื่อไฟล์โค้ดจริง
    How To Run Code In Terminal In VS Code
  6. ดำเนินการคำสั่งโดยกดปุ่ม Enter นี่ควรแสดงรหัสภายในเทอร์มินัล
    How To Run Code In Terminal In VS Code

เทอร์มินัลรวมในรหัส VS

เทอร์มินัล Visual Studio Code ได้รับการบูรณาการอย่างสมบูรณ์และเริ่มต้นจากรูทของพื้นที่ทำงาน มีการผสานรวมตัวแก้ไขด้วยคุณสมบัติต่างๆ เช่น การตรวจจับข้อผิดพลาดและลิงก์ คุณสามารถรันคำสั่งต่างๆ ได้เช่นเดียวกับที่คุณทำบนเทอร์มินัลแบบสแตนด์อโลน

นี่คือวิธีการเปิดเทอร์มินัลรวม:

  1. ไปที่เมนูจากแถบเครื่องมือด้านบนแล้วเลือก "ดู"
    How To Run Code In Terminal In VS Code
  2. เลือก "เทอร์มินัล" จากเมนูแบบเลื่อนลง หรือใช้ “Ctrl+`” (backtick) เพื่อเปิดเทอร์มินัล
    How To Run Code In Terminal In VS Code
    • เทอร์มินัลจะเปิดขึ้นในหน้าต่าง VS Code พรอมต์คำสั่งจะแสดงที่นี่
  3. ปรับขนาดบานหน้าต่างเทอร์มินัลโดยการลาก ปุ่มขยายใหญ่สุดที่มุมขวาบนสามารถใช้เพื่อเข้าสู่โหมดเต็มหน้าจอได้
    How To Run Code In Terminal In VS Code
  4. กดลูกศรแบบเลื่อนลงที่ด้านบนขวา และเลือกกระสุนที่คุณต้องการ ด้วยวิธีนี้ คุณสามารถสลับระหว่างเชลล์ต่างๆ ได้
    How To Run Code In Terminal In VS Code
  5. เปิด “Command Palette” โดยกด “Ctrl+Shift+P”
  6. ใช้คำสั่ง "ดู: สลับเทอร์มินัล"
    How To Run Code In Terminal In VS Code
  7. คำสั่งเมนู “เปิดในเทอร์มินัลรวม” สามารถใช้ใน Explorer ได้
    • คุณสามารถสลับแผงเทอร์มินัลได้โดยใช้ทางลัด “Ctrl+`” บนแป้นพิมพ์ของคุณ
    • แป้นพิมพ์ลัด “Ctrl+Shift+`” ช่วยในการสร้างเทอร์มินัลใหม่

เทอร์มินัลใน VS Code มีฟังก์ชันเพิ่มเติมบางอย่างที่เรียกว่าการรวมเชลล์ ติดตามตำแหน่งที่คำสั่งถูกรัน ทางลัด Ctrl+shift+C ช่วยให้คุณสามารถเปิด VS Code ในเทอร์มินัลภายนอกได้

เทอร์มินัลเชลล์

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

การจัดการเทอร์มินัล

ที่ด้านขวาของมุมมองเทอร์มินัล จะมี UI ของแท็บเทอร์มินัล เทอร์มินัลทุกเครื่องจะมีชื่อ สี ไอคอน และการตกแต่งกลุ่มข้อมูล หากมี

หากต้องการเพิ่มอินสแตนซ์เทอร์มินัล:

  1. เลือกไอคอน “+” ใน “แผงเทอร์มินัล (ด้านขวาบน)
    How To Run Code In Terminal In VS Code
  2. ไปที่เมนูดรอปดาวน์เทอร์มินัลแล้วเลือกโปรไฟล์
    How To Run Code In Terminal In VS Code
    • หรือกดคำสั่ง Ctrl+Shift+` ด้วยการกระทำนี้ คุณจะได้สร้างรายการใหม่ภายในรายการด้านบนสุดที่เกี่ยวข้องกับเทอร์มินัลเฉพาะ

หากต้องการลบอินสแตนซ์:

  1. วางเมาส์เหนือแท็บแล้วเลือกตัวเลือก "ถังขยะ"
    How To Run Code In Terminal In VS Code
  2. เลือกรายการแท็บแล้วกด "ลบ"
    How To Run Code In Terminal In VS Code
    • หรือคลิกขวาและใช้ตัวเลือกคำสั่ง "Terminal: Kill the Active Terminal instance" จากเมนูบริบท

คุณสามารถนำทางระหว่างกลุ่มเทอร์มินัลต่างๆ ผ่านทางโฟกัสถัดไป Ctr+PageDown และโฟกัสก่อนหน้า Ctrl+PageUp เมื่อสถานะของเทอร์มินัลเปลี่ยนแปลง ไอคอนอาจปรากฏทางด้านขวาของเทอร์มินัล คุณสามารถวางเมาส์เหนือไอคอนเพื่อดูข้อมูลสถานะที่อาจมีการดำเนินการ

แยกบานหน้าต่าง (กลุ่ม)

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

  1. ค้นหารายการในรายการเทอร์มินัลทางด้านขวาแล้วเลื่อนเมาส์ไปเหนือรายการนั้น
    How To Run Code In Terminal In VS Code
  2. เลือกปุ่มแยกแบบอินไลน์
    How To Run Code In Terminal In VS Code
  3. ไปที่เมนูบริบทและคลิกขวาที่เมนูจากนั้นเลือกเมนู "แยก"
    How To Run Code In Terminal In VS Code
  4. กด "Alt" จากนั้นคลิกที่ "+" หรือแท็บเดียวภายในแผงเทอร์มินัล
    How To Run Code In Terminal In VS Code
  5. เปิดใช้งานคำสั่ง “Ctrl+Shift+5”
    How To Run Code In Terminal In VS Code

หากต้องการนำทางระหว่างเทอร์มินัลภายในกลุ่ม คุณต้องเน้นไปที่บานหน้าต่างก่อนหน้าโดยการกด “Alt+ซ้าย” หรือบานหน้าต่างที่ตามมาด้วยการคลิก “Alt+Right” เมื่อคุณลากและวางแท็บภายในรายการ ถือเป็นการจัดเรียงแท็บใหม่ อย่างไรก็ตาม เมื่อลากแท็บไปยังพื้นที่เทอร์มินัลหลัก คุณจะย้ายเทอร์มินัลจากกลุ่มหนึ่งไปยังอีกกลุ่มหนึ่งได้สำเร็จ

การใช้คำสั่ง “Terminal: Unsplit” จะย้ายเทอร์มินัลภายในกลุ่มของมันเอง ทำได้โดยการคลิกขวาที่เมนูบริบทหรือผ่านชุดคำสั่ง

เทอร์มินัลภายในพื้นที่ตัวแก้ไข

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

ตัวแก้ไขเทอร์มินัลสามารถอยู่ได้ทั้งสองด้านหรืออาจจัดเรียงได้หลายมิติผ่านระบบโครงร่างกลุ่มตัวแก้ไข การตั้งค่า “terminal.integrated.defaultLocation” จะเปลี่ยนตำแหน่งเทอร์มินัลพื้นที่ “ตัวแก้ไข” หรือ “ดู” ที่เป็นค่าเริ่มต้น

การนำทางเนื้อหา

บัฟเฟอร์หมายถึงเนื้อหาเทอร์มินัลและเป็นส่วนที่อยู่เหนือ "เลื่อนกลับ" หรือมุมมองด้านล่าง การตั้งค่า “terminal.integrated.scrollback” จะกำหนดจำนวนการเลื่อนกลับที่เก็บไว้ ค่าเริ่มต้นคือ 1,000 บรรทัด

การนำทางไปรอบๆ บัฟเฟอร์สามารถทำได้โดยทำตามคำสั่งต่างๆ รวมถึง:

  • Ctrl+Alt+PageUp: เลื่อนขึ้นบรรทัด
  • Ctrl+Alt+PageDown: เลื่อนลง
  • Shift+PageUp: เลื่อนหน้าขึ้น
  • Shift+PageDown: เลื่อนหน้าลง
  • Ctrl+Home: เลื่อนไปด้านบน
  • Ctrl+End: เลื่อนไปที่ด้านล่าง

สำหรับการนำทางด้วยคำสั่ง:

  • Ctrl+Up: เลื่อนไปที่คำสั่งก่อนหน้า
  • Ctrl+Down: เลื่อนไปที่คำสั่งถัดไป

โดยปกติแล้ว การเลื่อนจะเกิดขึ้นพร้อมกัน อย่างไรก็ตาม คุณสามารถกำหนดค่าได้โดยใช้ “terminal. integrated.smoothscrolling” เพื่อสร้างภาพเคลื่อนไหวในช่วงเวลาสั้นๆ

คำถามที่พบบ่อย

ฉันควรทำอย่างไรหากมีปัญหาในการเปิดเทอร์มินัล VS?

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

เป็นไปได้ไหมที่จะสร้างเทอร์มินัลผู้ดูแลระบบ?

โดยปกติแล้ว เชลล์แบบรวมจะทำงานด้วยสิทธิ์ VS Code หากเป้าหมายคือการรันเชลล์ด้วยผู้ดูแลระบบหรือการอนุญาตอื่น ๆ ให้ใช้ "runas.exe" และยูทิลิตี้อื่น ๆ ในเทอร์มินัล

ปรับปรุงขั้นตอนการทำงานโดยใช้ VS Code Terminal

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

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

Sign up and earn $1000 a day ⋙

Amazon Echo พยายามสั่งซื้อบ้านตุ๊กตาทั่วซานดิเอโก

Amazon Echo พยายามสั่งซื้อบ้านตุ๊กตาทั่วซานดิเอโก

โดยทั่วไป อุปกรณ์ที่ฟังคำสั่งเสียงจะไม่ทำให้เกิดปัญหามากนัก วลีที่ใช้ในการเปิดใช้งาน – ไม่ว่าจะเป็น “ตกลง Google” “Alexa” หรือ “Siri”

วิธีซ่อนเรื่องราวจากทุกคนใน Instagram

วิธีซ่อนเรื่องราวจากทุกคนใน Instagram

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

วิธีแก้ไข Microsoft Teams ไม่ทำงาน

วิธีแก้ไข Microsoft Teams ไม่ทำงาน

Microsoft Teams ได้กลายเป็นเครื่องมือสื่อสารในการทำงานที่ได้รับความนิยมมากที่สุด แซงหน้า Skype และ Slack แต่มันช่วยคุณไม่ได้ถ้ามันไม่ได้ผล ถ้า

วิธีแก้ไขรหัสข้อผิดพลาด 267 ใน Roblox

วิธีแก้ไขรหัสข้อผิดพลาด 267 ใน Roblox

หากคุณเป็นนักเล่นเกม Roblox ตัวยง คุณอาจพบข้อผิดพลาดเป็นครั้งคราวบนแพลตฟอร์ม แต่รหัสข้อผิดพลาด 267 ก็สามารถจัดอันดับได้มากที่สุดได้อย่างง่ายดาย

แป้นพิมพ์ลัดของ Google ฟอร์ม

แป้นพิมพ์ลัดของ Google ฟอร์ม

Google Forms เป็นแอปพลิเคชันบนเว็บที่ใช้ในการสร้างแบบฟอร์มที่ช่วยในการรวบรวมข้อมูล เป็นวิธีการสร้างแบบฟอร์มลงทะเบียนที่ตรงไปตรงมา

วิธีเพิ่มผู้ติดตามล่าสุดใน OBS

วิธีเพิ่มผู้ติดตามล่าสุดใน OBS

ในระหว่างการสตรีม คุณอาจสังเกตเห็นชื่อของผู้ติดตาม ผู้บริจาค หรือสมาชิกล่าสุดของสตรีมเมอร์ปรากฏขึ้น นี่เป็นฟีเจอร์เด็ดที่สตรีมเมอร์

วิธีใช้การวางซ้อนใน CapCut

วิธีใช้การวางซ้อนใน CapCut

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

วิธีปิดการใช้งานเรื่องราวในโทรเลข

วิธีปิดการใช้งานเรื่องราวในโทรเลข

การดูเรื่องราวใน Telegram อาจเป็นคุณสมบัติที่ยอดเยี่ยมหากมาจากคนที่คุณรู้จัก แต่การดูเรื่องราวจากคนแปลกหน้าอาจไม่เป็นที่พอใจ ไม่เกี่ยวข้อง

วิธีรับร่มใน The Sims 4

วิธีรับร่มใน The Sims 4

The Seasons Expansion Pack ใน “The Sims 4” นำเสนอองค์ประกอบการเล่นเกมใหม่ที่อาจส่งผลต่อชีวิตประจำวันของซิมของคุณ: สภาพอากาศและอุณหภูมิ ซิมส์ของคุณตอนนี้

วิธีใช้ Gmail โดยไม่มีหมายเลขโทรศัพท์

วิธีใช้ Gmail โดยไม่มีหมายเลขโทรศัพท์

อัปเดตเมื่อวันที่ 14 พฤศจิกายน 2022 โดย Steve Larner เพื่อให้สอดคล้องกับกระบวนการ Android/iOS ปัจจุบันในการสร้าง Gmail โดยไม่ต้องใช้หมายเลขโทรศัพท์ หากคุณต้องการสร้างใหม่

วิธีแปลงเอกสาร Word เป็นรูปภาพ JPG หรือ GIF

วิธีแปลงเอกสาร Word เป็นรูปภาพ JPG หรือ GIF

แม้ว่าเอกสาร Microsoft Word จะเข้ากันได้กับโปรแกรมประมวลผลคำอื่นๆ แต่คุณอาจต้องบันทึกเป็นรูปภาพ JPG หรือ GIF ในขณะที่คุณไม่สามารถส่งออกของคุณ

วิธีแชร์เพลย์ลิสต์ Spotify ของคุณ

วิธีแชร์เพลย์ลิสต์ Spotify ของคุณ

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

WhatsApp กับ สัญญาณ

WhatsApp กับ สัญญาณ

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

AirTags ถูกแบนในกระเป๋าเดินทาง – มีอะไรล่าสุด

AirTags ถูกแบนในกระเป๋าเดินทาง – มีอะไรล่าสุด

หากคุณเป็นนักเดินทางขาประจำ คุณอาจประสบกับโชคร้ายที่กระเป๋าเดินทางสูญหาย ป้อน Apple AirTags พวกเขาสามารถระบุตำแหน่งของคุณได้

วิธีแก้ไข Messenger เมื่อเปิดไม่ได้

วิธีแก้ไข Messenger เมื่อเปิดไม่ได้

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

GoPro เปิดตัวแอป KILLER สำหรับ Apple Watch

GoPro เปิดตัวแอป KILLER สำหรับ Apple Watch

นับตั้งแต่ watchOS 2 เรากำลังรอแอปนักฆ่าตัวใหม่สำหรับ Apple Watch และ GoPro อาจจะเพิ่งส่งมอบไปแล้ว แอพใหม่จากบริษัท

Pium อยากให้บ้านอัจฉริยะของคุณมีกลิ่นหอมอย่างที่เห็น

Pium อยากให้บ้านอัจฉริยะของคุณมีกลิ่นหอมอย่างที่เห็น

Kickstarter ประจำสัปดาห์: เปียม “บ้านอัจฉริยะของฉันไม่มีจมูก” “มีกลิ่นเป็นยังไงบ้าง” "แย่มาก." Amazon Echo ของคุณสามารถปิดไฟและเปลี่ยนไฟได้

Life360 ทำไมฉันจึงไม่เห็นความเร็ว

Life360 ทำไมฉันจึงไม่เห็นความเร็ว

ถนนอาจเป็นสถานที่อันตรายได้ โชคดีที่แอป Life360 ให้คุณตรวจสอบว่าคุณและคนที่คุณรักขับรถด้วยความเร็วที่ถูกกฎหมายในขณะที่อยู่ข้างนอกหรือไม่

วิธีใช้ AI ของฉันใน Snapchat

วิธีใช้ AI ของฉันใน Snapchat

แอพโซเชียลมีเดียเช่น Snapchat เป็นส่วนหนึ่งของการแข่งขันเพื่อรวมปัญญาประดิษฐ์เข้ากับระบบของพวกเขา Chatbot Snapchat ใหม่ที่เรียกว่า My AI is

Discord No Route Error – การแก้ไขที่ดีที่สุดสำหรับมือถือและพีซี

Discord No Route Error – การแก้ไขที่ดีที่สุดสำหรับมือถือและพีซี

Discord นำเสนอแพลตฟอร์มความบันเทิงที่ผู้ชื่นชอบการเล่นเกมตัวยงสามารถโต้ตอบได้อย่างง่ายดายผ่านเสียงและข้อความ แม้ว่าการบริการจะเป็นที่รู้จักก็ตาม