[VSCODE] วิธีการย่อโค้ดในไฟล์โดยอัตโนมัติใน Visual Studio Code[VSCODE] How to Automatically Fold Code Files in Visual Studio Code

หลายๆครั้งที่เราเขียนโค้ด โดยที่ในหนึ่งไฟล์จำเป็นต้องมี Function จำนวนมาก เมื่อเราต้องการแก้ไขหรือเรียกใช้ฟังก์ชั่นใดฟังก์ชั่นหนึ่ง เราจำเป็นต้องเลื่อนหน้าจอขึ้นลงหลายครั้ง เพื่อหาโค้ดตำแหน่งที่เราต้องการ

การย่อฟังก์ชั่นเป็นวิธีนึงที่จะช่วยลดเวลาในเลื่อนหาโค้ดได้ แต่เนื่องจากมี Function จำนวนมาก การย่อฟังก์ชั่นทีละฟังก์ชั่นนั้นใช้เวลามาก

ดังนั้นเราจะใช้วิธีการย่อฟังก์ชั่นโดยอัตโนมัติ โดยใช้ extension ชื่อ Auto Fold ซึ่ง extension ตัวนี้จะย่อ Function และส่วนต่างๆของโค้ดให้เราโดยอัตโนมัติ เมื่อเราเปิดไฟล์

หลังจากติดตั้งเสร็จแล้ว ให้เข้าไปตั้งค่า extension ตัวนี้

1. เข้าไปที่ File>Preferences>Settings 
2. เลือก User tab
3. ไปที่ Extensions>Auto Fold Configuration
4. เลื่อนลงมายังส่วน Autofold:Types
5. คลิ้กที่ Edit in settings.json 
6. ใส่ค่า config ดังต่อไปนี้ในไฟล์ settings.json 

    "autofold.default": 1,
    "autofold.types": [
        {
            "ext": ".js",
            "level": 1
        },
        {
            "ext": ".c",
            "level": 1
        },
        {
            "ext": ".cs",
            "level": 2
        },
        {
            "ext": ".conf.php",
            "level": 1
        },
        {
            "ext": ".php",
            "level": 2
        }
    ],

    "autofold.pack": false,
    "autofold.unfold": true,



7. กดบันทึกไฟล์ เพื่อใช้งาน settings

โดยที่

• autofold.default เป็นการตั้งค่าให้ย่อโค้ดโดยอัตโนมัติ เมื่อเปิดไฟล์
• autofold.types เป็นการตั้งค่า Level เริ่มต้นที่จะทำการย่อโค้ดของไฟล์แต่ละประเภท
• autofold.pack เป็นการตั้งค่าว่า ให้ย่อโค้ดที่มี Level ต่ำกว่าหรือไม่
• autofold.unfold เป็นการตั้งค่าว่า ให้ขยายโค้ดก่อนทำการย่อหรือไม่