วัน: 29 มกราคม 2022

VS Code: ลดพื้นที่จาก space เป็น tabVS Code: ลดพื้นที่จาก space เป็น tab

จัดบรรทัด (Indentation) โดยใช้อยู่ 2 แบบหลักคือ 4 Space กับ tab นิยมใช้เหมือนกันแต่ tab มันจะประหยัดกว่า 3 ตัวอักษรจากระยะที่เท่า ๆ กัน การตั้งให้ VS Code ใช้ tab แทน 4 space เป็นวิธีการที่ดีในการลดพื้นที่ไฟล์ ช่วยในการประหยัดหลาย ๆ อย่าง

การเปลี่ยน 4 space เป็น tab ใน VS Code ทำได้ง่าย ๆ โดยเปลี่ยนการตั้งค่าใน Settings ค้นหา

editor.insertSpaces แล้วติ๊กออก หรือคลิกที่แถบสถานะล่างขวา แล้วเลือก “Indent Using Tabs” จากนั้นใช้คำสั่ง Convert Indentation to Tabs ใน Pallete หรือใช้ Find & Replace แทนที่ ” ” ด้วย “\t” .


วิธีที่ 1: ตั้งค่าถาวรใน Settings

  1. เปิด Settings โดยกด Ctrl + , .
  2. ค้นหา editor.insertSpaces.
  3. ติ๊กเอาช่องออก เพื่อบอกให้ VS Code ใช้ Tab แทน Space.
  4. ค้นหา editor.tabSize และตั้งค่าเป็น 4 (ถ้ายังไม่ได้ตั้ง) . 

วิธีที่ 2: เปลี่ยนเฉพาะไฟล์ที่เปิดอยู่

  1. มองที่แถบสถานะด้านล่างขวาของ VS Code .
  2. คลิกที่ตรงนั้น.
  3. เลือก “Indent Using Tabs” หรือ “Convert Indentation to Tabs”

วิธีที่ 3: ใช้ Find & Replace

  1. กด Ctrl + H .
  2. ในช่อง Find: พิมพ์ .
  3. ในช่อง Replace: พิมพ์ \t .
  4. กดปุ่ม .* แล้วพิมพ์ \t ในช่อง Replace.
  5. กด Replace All.

อ่านเพิ่มเติม