Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> สมาร์ทโฟน >> iPhone

5 การตั้งค่า VS Code ที่จำเป็น: ทำให้เขียนโค้ดราบรื่นขึ้น

5 การตั้งค่า VS Code ที่จำเป็น: ทำให้เขียนโค้ดราบรื่นขึ้น

เผยแพร่เมื่อ 1 พ.ค. 2026, 08:30 น. EDT

Zunaid Ali สนใจเทคโนโลยีครั้งแรกหลังใช้คอมพิวเตอร์ครั้งแรก 2006 ผลิต how-to content นับ 2018 เข้าถึงหลายพันคน

สมัยเด็ก Zunaid อ่าน tech tutorials และ troubleshooting guides บนบล็อกดัง ทำให้อยากเริ่มอาชีพเขียน หลังโควิด เขาตัดสินใจเข้าสู่ tech writing world ก่อน How-To Geek เขียนให้ HecticGeek, Distroid, UbuntuPIT และอื่นๆ

Zunaid ลอง Linux ครั้งแรก 2021 อยากเรียน Web Development เนื่องจากไม่มีประสบการณ์ ทำให้ laptop 壞พยายาม dual-boot Ubuntu กับ Windows หงุดหงิด เขา all-in Linux และลบ Windows ทิ้ง นั่นคือจุดที่เขาตกหลุมรัก Linux เขา experiment Linux อย่างต่อเนื่องมาตลอด

หลังหางานเขียน Linux ครั้งแรก เม.ย. 2022 ตัดสินใจ specialize ใน Linux เพื่อแบ่งปันความรู้และข้อมูลให้เพื่อนร่วม open-source enthusiasts เขาร่วม How-To Geek ก.ย. 2023 เป็น freelance contributor

Zunaid กำลังศึกษาปริญญาตรี Information & Communication Technology เวลาว่างอ่าน tech blogs, coding โปรเจกต์สนุก หรือเรียนเทคโนโลยีใหม่ นอกจาก Linux สนใจ Android Development และ Cybersecurity มีประสบการณ์ C/C++, Java, HTML/CSS/JavaScript, Python หา hobby projects ได้ที่ GitHub ของเขา

VS Code เป็น editor ยอดเยี่ยม จนกว่าจะรู้ว่า default settings บางอย่างไม่ได้ optimize สำหรับเรา coders ส่วนใหญ่ ผมปรับ VS Code settings ดูว่าจะทำให้ code editor โปรดนี้ refined มากขึ้น ลด annoyance ขณะ coding การเปลี่ยนแปลงเหล่านี้ใช้เวลา ~10 นาที ตั้งค่าเสร็จ VS Code รู้สึกเร็วขึ้น เงียบขึ้น และไว้ใจได้ง่ายขึ้น

เพื่อติดตาม มาทดสอบ "settings.json" ไฟล์ JSON ของ VS Code กด Command Palette: Ctrl+Shift+P (Windows) หรือ Cmd+Shift+P (Mac) พิมพ์ "JSON" ไม่ต้อง quotes กด "Preferences: Open User Settings (JSON)" JSON ในส่วนต่อไป วางไว้ข้างใน curly braces ในไฟล์ JSON นี้

Auto save

ไม่ต้องมี OCD กด save หลังพิมพ์ทุกบรรทัด

5 การตั้งค่า VS Code ที่จำเป็น: ทำให้เขียนโค้ดราบรื่นขึ้น

หากคุณกด Ctrl+S ทุกไม่กี่วินาที คุณไม่ได้คนเดียว มันกลายเป็น muscle memory แต่มันก็เป็น friction ที่ไม่จำเป็น Auto Save กำจัดมันหมด นี่คือ setting:

"files.autoSave": "afterDelay", "files.autoSaveDelay": 1000

ตอนนี้ไฟล์ save อัตโนมัติหลังหยุดพักสั้นๆ เขียนโค้ด หยุด 1 วินาที มัน saved เล็กน้อยแตเปลี่ยน feeling การเขียนโค้ด

เคยมีครั้งลืม save ไฟล์ใน codebase ใหญ่ ทำให้โค้ดใหม่ไม่ทำงานใน tests พยายามแก้หมดวิธี แล้วพบว่าไฟล์ยังไม่ได้ save นั่นคือเวลาที่รู้ว่า auto-save 有用มาก

หากชอบควบคุมมากกว่า ใช้:

"files.autoSave": "onFocusChange"

Save ไฟล์เมื่อสลับแท็บหรือออกจาก editor ดีสำหรับ scripts หรือ tasks ที่ timing สำคัญ

5 การตั้งค่า VS Code ที่จำเป็น: ทำให้เขียนโค้ดราบรื่นขึ้น Related

Format on save

โค้ดสะอาดอัตโนมัติ

5 การตั้งค่า VS Code ที่จำเป็น: ทำให้เขียนโค้ดราบรื่นขึ้น

Formatting ยุ่งเหยิงเป็นสิ่งที่สังเกตได้พอที่รำคาญ แตไม่พอที่จะแก้ทุกครั้ง นี่คือที่ format on save เข้ามาช่วย

"editor.formatOnSave": true

ตอนนี้ทุกครั้งที่ save ไฟล์ VS Code format ให้อัตโนมัติ indentation, spacing, alignment มัน fix เอง ดีมากตอนเขียน HTML และ indentation ทำให้อ่านยาก การ fix manual ใช้เวลาและลำบาก

หากใช้ Prettier (แนะนำมากสำหรับ frontend development) ทำให้มันเป็น default formatter:

"[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }

Auto-formatting กำจัดความต้องการทำความสะอาด manual ให้ code consistently หยุดคิดเรื่อง style ได้เลย

Word wrap

ไม่ต้อง scroll ด้านข้างอีกต่อไป

5 การตั้งค่า VS Code ที่จำเป็น: ทำให้เขียนโค้ดราบรื่นขึ้น

Horizontal scrolling เป็นวิธีเร็วที่สุดทำลาย flow อ่านบรรทัดยาว หายไปข้างนอกหน้าจอ ท้าทายลาก scrollbar ไปมา รวมความเข้าใจ

แค่เปิด word wrap:

"editor.wordWrap": "on"

บรรทัดยาว wrap ตามธรรมชาติใน editor window อ่านง่ายขึ้นมาก โดยเฉพาะ JSON, logs, markdown, JSX ครั้งหน้าที่ต้องอ่านบรรทัดยาว ไม่ต้องหยิบเมาส์อีก Alt+Z toggle ปิดได้

ลด Visual Noise

5 การตั้งค่า VS Code ที่จำเป็น: ทำให้เขียนโค้ดราบรื่นขึ้น

VS Code พยายาม helpful โดยแสดงทุกอย่าง: minimap, breadcrumbs, inline hints และอื่นๆ แต่มากกว่านั้นไม่ได้ดีกว่า บางครั้งมันแค่ noise หาก editor รู้สึก visually busy ลองปิดบางอย่าง:

"editor.minimap.enabled": false, "breadcrumbs.enabled": false, "editor.inlayHints.enabled": "off"

ลด interface เหลือแค่สิ่งสำคัญ: editor และโค้ดของคุณ หากชอบ minimalist setup อาจเป็น game-changer

แต่นี่เป็นความชอบส่วนตัว บางคนชอบ minimap หรือ breadcrumbs แตหากไม่เคยสवालมัน ลอง cleaner setup ดู อาจ refreshing อย่างไม่คาดคิด

5 การตั้งค่า VS Code ที่จำเป็น: ทำให้เขียนโค้ดราบรื่นขึ้น Related

IntelliSense control

ทำให้ autocomplete ไม่รบกวน

5 การตั้งค่า VS Code ที่จำเป็น: ทำให้เขียนโค้ดราบรื่นขึ้น

Autocomplete ดี จนกว่าจะไม่ดี ค่าเริ่มต้น VS Code ค่อนข้าง over-eager Suggestions โผล่ขณะพิมพ์ strings, เขียน comments, หรือแค่คิด อยู่ดีๆ รู้สึกน้อยกว่า help มากกว่า interruption

ปรับนุ่มลงได้ด้วย:

"editor.quickSuggestions": { "other": true, "comments": false, "strings": false }, "editor.suggestOnTriggerCharacters": false

เก็บ suggestions ไว้ที่ useful เช่น actual code และลบที่ distracting เช่น comments และ strings ผลลัพธ์? Autocomplete รู้สึก intentional มากขึ้น โผล่ตอนต้องการ

5 การตั้งค่า VS Code ที่จำเป็น: ทำให้เขียนโค้ดราบรื่นขึ้น
Windows 11 Pro

$29.99 $199 Save $169.01

Get Windows 11 Pro and elevate your PC experience while it's available at a huge 88% discount.

ทำให้ VS Code 感覺เหมือน editor ของคุณ

ไม่มี setting ไหน revolutionary พวกมันอยู่มาตลอด แต่วันนี้รวมกัน กำจัดงานเยอะมากกว่าที่คิด น่าสนใจว่า VS Code มี hidden features อีกเยอะ ที่ทำให้ coding enjoy มากขึ้น และทำให้คุณ programmer ที่ดีขึ้น