VS Code – วิธีเปิดไฟล์ในแท็บใหม่

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

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

ในคู่มือนี้ เราจะสอนวิธีนำทาง VS Code ให้คุณและทำให้มันทำงานเพื่อประโยชน์ของคุณ

วิธีเปิดไฟล์ในแท็บใหม่ใน VS Code

ตกลง คุณเริ่ม VS Code เป็นครั้งแรก และคุณกำลังนำทางเมนูรากของ Explorer ไปทางซ้าย อย่างไรก็ตาม แต่ละรายการที่คุณคลิกจะเปลี่ยนแท็บ จุดประสงค์ของแท็บคืออะไร หากมันเปลี่ยนไปทุกครั้งที่คุณเปิดแท็บเหล่านั้น คุณอาจสงสัย เดี๋ยว; มีวิธีง่ายๆในการเปลี่ยนแปลงสิ่งนี้

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

เมื่อคุณคิดเกี่ยวกับมัน หากแท็บใหม่เปิดขึ้นทุกครั้งที่คุณคลิกเพียงครั้งเดียวที่รายการในเมนู Explorer จะทำให้เกิดความสับสนอย่างมาก โดยเฉพาะอย่างยิ่งหากคุณทำงานกับหลายแท็บพร้อมกัน (ซึ่งคุณมักจะเป็น)

วิธีล็อคแท็บใน VS Code

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

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

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

วิธีที่ง่ายที่สุดคือดับเบิลคลิกที่แท็บที่เกี่ยวข้อง คุณจะสังเกตได้ว่าชื่อจะเปลี่ยนจากตัวเอียง (โหมดแสดงตัวอย่าง) เป็นแบบปกติ อีกวิธีในการทำเช่นนี้คือการใช้ Ctrl+K+Enter คำสั่งในขณะที่เปิดแท็บที่เป็นปัญหาและอยู่ในโฟกัส สุดท้าย ให้คลิกขวาที่แท็บและเลือก เปิดต่อไป จากเมนูแบบเลื่อนลง

วิธีเปิดไฟล์ในแท็บใหม่โดยค่าเริ่มต้นใน VS Code

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

ต่อไปนี้คือวิธีการแทนที่สิ่งนี้และเปลี่ยนพฤติกรรมการเปิดแท็บ VS Code ทั่วไป

ใช้ “workbench.editor.enablePreview” การตั้งค่าเพื่อปิดใช้งานหรือเปิดใช้งานโหมดแสดงตัวอย่างสำหรับแท็บใหม่ทั้งหมด ซึ่งหมายความว่าแท็บใหม่แต่ละแท็บจะเปิดขึ้นในโหมด "เหนียว" ซึ่งช่วยลดความจำเป็นในการใช้ฟังก์ชันดับเบิลคลิก อย่างไรก็ตาม วิธีการนี้จะยกเลิกโหมดแสดงตัวอย่างโดยสิ้นเชิง ซึ่งบางครั้งอาจมีประโยชน์

นอกจากนี้ยังมี “workbench.editor.enablePreviewFromQuickOpen” คำสั่ง ซึ่งจะเพิ่มตัวเลือกโหมดแสดงตัวอย่างให้กับเมนู Quick Open ของ VS Code

ในการใช้คำสั่งทั้งสองนี้ คุณจะต้องปรับแต่ง การตั้งค่า ไฟล์. นี่คือวิธีการ:

  1. เปิด จานคำสั่ง ใช้ Ctrl+Shift+P ทางลัด

  2. พิมพ์ “การตั้งค่า: เปิดการตั้งค่าผู้ใช้”.

  3. ไปที่ “workbench.editor.enablePreview” โดยใช้แถบค้นหา

  4. ปิดมัน.

ทำเช่นเดียวกันสำหรับ “workbench.editor.enablePreviewFromQuickOpen” คำสั่งเปิดใช้งานการเข้าถึงจากเมนู Quick Open

วิธีเปิดหลายแท็บใน VS Code

การเปิดหลายแท็บใน VS Code นั้นตรงไปตรงมามาก ดับเบิลคลิกที่แต่ละรายการจากรายการ Explorer อย่างไรก็ตาม หากต้องการล็อกแท็บให้เข้าที่และป้องกันไม่ให้ฟังก์ชันคลิกครั้งเดียวปิด ให้ดับเบิลคลิกที่แท็บแต่ละรายการ หรือใช้ “workbench.editor.enablePreview” คำสั่งเปิดแต่ละแท็บใหม่โดยใช้คลิกเดียว

เหตุใด VS Code ทำให้แท็บต่างจากตัวแก้ไขโค้ดอื่นๆ

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

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

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

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

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

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

ข้อเสียของ VS Code Tab

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

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

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

คุณจะเปิดไฟล์ใหม่ใน VS Code ได้อย่างไร?

เริ่มต้นด้วยการเปิดโครงการ VS Code ที่เป็นปัญหา จากนั้นกด Ctrl+Shift+P เพื่อเปิด Command Palette หรือไปที่ View และเลือก Command Palette จากรายการ เลือกสร้างไฟล์ใหม่ คุณจะได้รับแจ้งให้เลือกประเภทไฟล์ที่คุณต้องการสร้าง ค้นหาประเภทไฟล์ในรายการหรือพิมพ์ลงไป ตอนนี้ ยืนยัน และคุณได้สร้างไฟล์ VS Code ใหม่สำเร็จแล้ว

ฉันจะเปิดแท็บเทอร์มินัลใหม่ใน VS Code ได้อย่างไร

ใน VS Code มีฟีเจอร์ที่เรียกว่า Integrated Terminal ซึ่งทำให้การจัดระเบียบง่ายขึ้นมาก หากต้องการเปิดเทอร์มินัลนี้ ให้กด Ctrl+` หรือไปที่แท็บ มุมมอง ตามด้วยคำสั่ง Terminal ตอนนี้ ไปที่ Command Palette แล้วไปที่ View จากนั้น ใช้ฟังก์ชัน Toggle Integrated Terminal เพื่อเปิดหรือปิด Integrated Terminal

ฉันจะเปิดไฟล์แบบเคียงข้างกันใน VS Code ได้อย่างไร

ไปที่รายการ Explorer ทางด้านซ้าย กด Alt และคลิกที่ไฟล์ กด Ctrl+\ - นี่จะแบ่งตัวแก้ไขออกเป็นสองส่วน กด Ctrl+Enter เพื่อเปิดเมนูบริบทของ Explorer เลือก Split Editor (ส่วนบนขวาของตัวแก้ไข) ตอนนี้ ลากและวางไฟล์ที่เป็นปัญหาไปยังด้านใดด้านหนึ่งของตัวแก้ไข

คุณจะแก้ไขหลายบรรทัดใน VS Code ได้อย่างไร

หากคุณเป็นผู้ใช้ Notepad++ คุณอาจคุ้นเคยกับคุณลักษณะการแก้ไขหลายบรรทัด ใน Notepad++ จะเรียกว่า "การแก้ไขโหมดคอลัมน์" หากคุณไม่ทราบว่าการแก้ไขหลายบรรทัดมีสาเหตุมาจากอะไร นี่คือฟังก์ชันที่ช่วยให้คุณสามารถเปลี่ยนแปลงอินสแตนซ์ข้อความได้มากกว่าหนึ่งบรรทัดบนบรรทัดที่ต่อเนื่องกัน คุณสามารถแทนที่บรรทัดเหล่านี้ด้วยข้อมูลที่เหมือนหรือคล้ายกันได้ สิ่งนี้มีประโยชน์อย่างยิ่งสำหรับ HTML หากต้องการใช้การแก้ไขหลายบรรทัด ให้ใช้คำสั่ง Ctrl+Alt+แป้นลูกศร

ฉันจะสร้างเคอร์เซอร์หลายตัวใน VS Code ได้อย่างไร

สำหรับการแก้ไขอย่างรวดเร็วและพร้อมกัน VS Code ใช้คุณสมบัติหลายเคอร์เซอร์ เมื่อต้องการเพิ่มเคอร์เซอร์รอง ให้กด Alt+คลิกซ้าย หากต้องการแทรกเคอร์เซอร์เพิ่มเติมด้านบนหรือด้านล่าง ให้ใช้ฟังก์ชัน Ctrl+Alt+Down และ Ctrl+Alt+Up ตามลำดับ โปรดจำไว้ว่า GPU ของคุณ (โดยเฉพาะ NVIDIA) อาจเขียนทับทางลัด หากต้องการเลือกคำเป็นเคอร์เซอร์ ให้ใช้ Ctrl+D

VS Code Tabs

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

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

โพสต์ล่าสุด

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