[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-blogs-th-1-1-all-vs-code-hidden-features-advanced-tips-thai-all--*":3,"academy-blog-translations-iptzjn7p170nsmv":75},{"data":4,"page":74,"perPage":74,"totalItems":74,"totalPages":74},[5],{"alt":6,"collectionId":7,"collectionName":8,"content":9,"cover_image":10,"cover_image_path":11,"created":12,"created_by":13,"expand":14,"id":69,"keywords":70,"locale":44,"published_at":71,"scheduled_at":13,"school_blog":66,"short_description":72,"status":64,"title":6,"updated":73,"updated_by":13,"slug":67,"views":68},"VS Code มีอะไรเด็ดที่คุณอาจยังไม่รู้","sclblg987654321","school_blog_translations","\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">VS Code ได้กลายเป็น Code Editor ยอดนิยมอันดับหนึ่งของโลกไปแล้ว แต่แม้แต่โปรแกรมเมอร์ที่ใช้มานานหลายปีก็อาจยังไม่รู้ว่า VS Code มีฟีเจอร์เจ๋งๆ ซ่อนอยู่มากมาย ที่สามารถเพิ่มประสิทธิภาพการทำงานได้อย่างมหาศาล\u003C\u002Fp>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">หากคุณคิดว่าคุณรู้จัก VS Code ดีแล้ว บทความนี้อาจทำให้คุณต้องเปลี่ยนความคิด เพราะเราจะเปิดเผยฟีเจอร์ลับ เทคนิคขั้นสูง และเคล็ดลับที่จะทำให้คุณใช้ VS Code เหมือนโปรแกรมเมอร์มืออาชีพตัวจริง มาดูกันว่ามีอะไรเด็ดๆ ที่คุณอาจพลาดไปบ้าง!\u003C\u002Fp>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\"> \u003C\u002Fp>\u003Cfigure class=\"image image_resized\" style=\"width:75%;\">\u003Cimg style=\"aspect-ratio:6000\u002F6000;\" src=\"https:\u002F\u002Fimagedelivery.net\u002Fg5Z0xlCQah-oO61sLqaEUA\u002F97_1_11zon_24762e725e\u002Ftwsme\" alt=\"ฟีเจอร์ Command Palette ที่ไม่ธรรมดา\" width=\"6000\" height=\"6000\">\u003C\u002Ffigure>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\"> \u003C\u002Fp>\u003Ch2 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">ฟีเจอร์ Command Palette ที่ไม่ธรรมดา\u003C\u002Fh2>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Command Palette (Ctrl+Shift+P) เป็นหัวใจสำคัญของ VS Code แต่หลายคนยังไม่รู้ว่ามันทำอะไรได้บ้าง นอกจากแค่เรียกคำสั่งธรรมดา\u003C\u002Fp>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">การย้าย Command Palette ได้\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">คุณสามารถลาก Command Palette ไปวางที่อื่นได้ โดยจับที่ขอบด้านบนแล้วลากไปที่ต้องการ หรือใช้ Customize Layout control ใน title bar เลือก Quick Input Positions ที่ต้องการ\u003C\u002Fp>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Command Palette แบบพิเศษ\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cstrong>Quick Open (Ctrl+P)\u003C\u002Fstrong> - ไม่ใช่แค่เปิดไฟล์\u003C\u002Fp>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>@symbol\u003C\u002Fstrong> - หา function, class, variable ในไฟล์ปัจจุบัน\u003C\u002Fli>\u003Cli>\u003Cstrong>:line\u003C\u002Fstrong> - ไปที่บรรทัดที่ระบุ (เช่น :42)\u003C\u002Fli>\u003Cli>\u003Cstrong>:line:column\u003C\u002Fstrong> - ไปที่บรรทัดและคอลัมน์ที่ระบุ (เช่น :42:10)\u003C\u002Fli>\u003Cli>\u003Cstrong>>command\u003C\u002Fstrong> - เหมือน Command Palette ธรรมดา\u003C\u002Fli>\u003Cli>\u003Cstrong>?\u003C\u002Fstrong> - ดูคำสั่งทั้งหมดที่ใช้ได้\u003C\u002Fli>\u003C\u002Ful>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cstrong>เทคนิคลับ:\u003C\u002Fstrong> พิมพ์แค่ตัวอักษรแรกของแต่ละคำก็พอ เช่น \"ttt\" สำหรับ \"Transform to Title Case\"\u003C\u002Fp>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">การใช้ Keyboard Shortcuts ขั้นสูง\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cstrong>Ctrl+Tab\u003C\u002Fstrong> - สลับไฟล์แบบ Alt+Tab ของ Windows \u003Cstrong>Ctrl+Shift+O\u003C\u002Fstrong> - เปิด Symbol navigator โดยตรง \u003Cstrong>Ctrl+G\u003C\u002Fstrong> - Go to line โดยตรง\u003C\u002Fp>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\"> \u003C\u002Fp>\u003Cfigure class=\"image image_resized\" style=\"width:75%;\">\u003Cimg style=\"aspect-ratio:6000\u002F6000;\" src=\"https:\u002F\u002Fimagedelivery.net\u002Fg5Z0xlCQah-oO61sLqaEUA\u002F100_4_11zon_46d76d4aba\u002Ftwsme\" alt=\"ฟีเจอร์ Editor ขั้นสูงที่คุณควรรู้\" width=\"6000\" height=\"6000\">\u003C\u002Ffigure>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\"> \u003C\u002Fp>\u003Ch2 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">ฟีเจอร์ Editor ขั้นสูงที่คุณควรรู้\u003C\u002Fh2>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Multi-Cursor Magic\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Multi-cursor ใน VS Code ไม่ใช่แค่ Alt+Click ธรรมดา มีเทคนิคขั้นสูงมากมาย:\u003C\u002Fp>\u003Ch4>\u003Cstrong>Selection-based Multi-cursor:\u003C\u002Fstrong>\u003C\u002Fh4>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>Ctrl+D\u003C\u002Fstrong> - เลือก instance ถัดไปของคำที่เลือกอยู่\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+K, Ctrl+D\u003C\u002Fstrong> - ข้าม instance ปัจจุบัน\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+Shift+L\u003C\u002Fstrong> - เลือกทุก instance ของคำที่เลือก\u003C\u002Fli>\u003Cli>\u003Cstrong>Alt+Shift+I\u003C\u002Fstrong> - สร้าง cursor ที่ปลายบรรทัดของทุกบรรทัดที่เลือก\u003C\u002Fli>\u003C\u002Ful>\u003Ch4>\u003Cstrong>Column Selection:\u003C\u002Fstrong>\u003C\u002Fh4>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>Shift+Alt+Click\u003C\u002Fstrong> - สร้าง cursor แบบสี่เหลี่ยม\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+Shift+Alt+↑\u002F↓\u003C\u002Fstrong> - ขยาย column selection\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Text Transformation ที่ทรงพลัง\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">VS Code มีคำสั่งแปลงข้อความที่หลายคนไม่รู้:\u003C\u002Fp>\u003Ch4>\u003Cstrong>Transform Commands:\u003C\u002Fstrong>\u003C\u002Fh4>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>Transform to Uppercase\u003C\u002Fstrong> - แปลงเป็นตัวใหญ่\u003C\u002Fli>\u003Cli>\u003Cstrong>Transform to Lowercase\u003C\u002Fstrong> - แปลงเป็นตัวเล็ก\u003C\u002Fli>\u003Cli>\u003Cstrong>Transform to Title Case\u003C\u002Fstrong> - แปลงเป็น Title Case\u003C\u002Fli>\u003Cli>\u003Cstrong>Transform to Snake Case\u003C\u002Fstrong> - แปลงเป็น snake_case\u003C\u002Fli>\u003Cli>\u003Cstrong>Transform to Kebab Case\u003C\u002Fstrong> - แปลงเป็น kebab-case\u003C\u002Fli>\u003C\u002Ful>\u003Ch4>\u003Cstrong>Sort Commands:\u003C\u002Fstrong>\u003C\u002Fh4>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>Sort Lines Ascending\u003C\u002Fstrong> - เรียงบรรทัดจาก A-Z\u003C\u002Fli>\u003Cli>\u003Cstrong>Sort Lines Descending\u003C\u002Fstrong> - เรียงบรรทัดจาก Z-A\u003C\u002Fli>\u003Cli>\u003Cstrong>Sort Lines by Length\u003C\u002Fstrong> - เรียงตามความยาว\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Advanced Selection Techniques\u003C\u002Fh3>\u003Ch4>\u003Cstrong>Expand\u002FShrink Selection:\u003C\u002Fstrong>\u003C\u002Fh4>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>Shift+Alt+→\u003C\u002Fstrong> - ขยายการเลือกออกไป\u003C\u002Fli>\u003Cli>\u003Cstrong>Shift+Alt+←\u003C\u002Fstrong> - ลดการเลือกลงมา\u003C\u002Fli>\u003C\u002Ful>\u003Ch4>\u003Cstrong>Smart Selection:\u003C\u002Fstrong>\u003C\u002Fh4>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>Ctrl+L\u003C\u002Fstrong> - เลือกทั้งบรรทัด\u003C\u002Fli>\u003Cli>*\u003Ci>Ctrl+Shift+*\u003C\u002Fi> - ไปที่ matching bracket\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+]\u003C\u002Fstrong> \u002F \u003Cstrong>Ctrl+[\u003C\u002Fstrong> - Indent\u002FOutdent\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Cfigure class=\"image image_resized\" style=\"width:75%;\">\u003Cimg style=\"aspect-ratio:6000\u002F6000;\" src=\"https:\u002F\u002Fimagedelivery.net\u002Fg5Z0xlCQah-oO61sLqaEUA\u002F101_5_11zon_1e9091689a\u002Ftwsme\" alt=\"ฟีเจอร์ Navigation และ Search ขั้นสูง\" width=\"6000\" height=\"6000\">\u003C\u002Ffigure>\u003Cp> \u003C\u002Fp>\u003Ch2 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">ฟีเจอร์ Navigation และ Search ขั้นสูง\u003C\u002Fh2>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Go to Definition++\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">นอกจาก \u003Cstrong>F12\u003C\u002Fstrong> (Go to Definition) แล้ว VS Code ยังมี:\u003C\u002Fp>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>Alt+F12\u003C\u002Fstrong> - Peek Definition (ดูใน popup)\u003C\u002Fli>\u003Cli>\u003Cstrong>Shift+F12\u003C\u002Fstrong> - Find All References\u003C\u002Fli>\u003Cli>\u003Cstrong>Shift+Alt+F12\u003C\u002Fstrong> - Peek References\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+F12\u003C\u002Fstrong> - Go to Implementation\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+Shift+F10\u003C\u002Fstrong> - Peek Implementation\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Search & Replace ขั้นมหาเทพ\u003C\u002Fh3>\u003Ch4>\u003Cstrong>Regular Expression Search:\u003C\u002Fstrong>\u003C\u002Fh4>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>เปิด Regex mode ใน Search (Alt+R)\u003C\u002Fli>\u003Cli>ใช้ Capture Groups: \u003Ccode>(\\w+)\\s+(\\w+)\u003C\u002Fcode> แล้ว Replace ด้วย \u003Ccode>$2 $1\u003C\u002Fcode>\u003C\u002Fli>\u003Cli>Search across files with exclude patterns\u003C\u002Fli>\u003C\u002Ful>\u003Ch4>\u003Cstrong>Advanced Replace Techniques:\u003C\u002Fstrong>\u003C\u002Fh4>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>$0\u003C\u002Fstrong> - ข้อความที่ match ทั้งหมด\u003C\u002Fli>\u003Cli>\u003Cstrong>$n\u003C\u002Fstrong> - Capture group ที่ n\u003C\u002Fli>\u003Cli>\u003Cstrong>${n:\u002Fupcase}\u003C\u002Fstrong> - แปลง capture group เป็นตัวใหญ่\u003C\u002Fli>\u003Cli>\u003Cstrong>${n:\u002Fdowncase}\u003C\u002Fstrong> - แปลง capture group เป็นตัวเล็ก\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Timeline View - Local Source Control\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Timeline view เป็น source control แบบ built-in ที่ให้คุณเห็น history ของไฟล์ รวมถึง Git commits และการ save\u003C\u002Fp>\u003Ch4>\u003Cstrong>วิธีใช้:\u003C\u002Fstrong>\u003C\u002Fh4>\u003Col style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>เปิด Timeline view ใน Explorer\u003C\u002Fli>\u003Cli>ดู snapshot ของการเปลี่ยนแปลง\u003C\u002Fli>\u003Cli>คลิกเพื่อเปรียบเทียบกับ version ก่อนหน้า\u003C\u002Fli>\u003C\u002Fol>\u003Cp> \u003C\u002Fp>\u003Cfigure class=\"image image_resized\" style=\"width:75%;\">\u003Cimg style=\"aspect-ratio:6000\u002F6000;\" src=\"https:\u002F\u002Fimagedelivery.net\u002Fg5Z0xlCQah-oO61sLqaEUA\u002F104_8_11zon_8e7075fb9b\u002Ftwsme\" alt=\"Developer Experience ขั้นสูง\" width=\"6000\" height=\"6000\">\u003C\u002Ffigure>\u003Cp> \u003C\u002Fp>\u003Ch2 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Developer Experience ขั้นสูง\u003C\u002Fh2>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">GitHub Copilot Chat และ Agent Mode\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">VS Code ปี 2025 มาพร้อมกับ MCP (Model Context Protocol) support และ Agent mode ที่ช่วยให้ AI เข้าใจโปรเจกต์ของคุณได้ดีขึ้น\u003C\u002Fp>\u003Ch4>\u003Cstrong>Agent Mode Features:\u003C\u002Fstrong>\u003C\u002Fh4>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>Custom Instructions\u003C\u002Fstrong> - สร้างคำสั่งเฉพาะสำหรับโปรเจกต์\u003C\u002Fli>\u003Cli>\u003Cstrong>Project Analysis\u003C\u002Fstrong> - AI วิเคราะห์โครงสร้างโค้ด\u003C\u002Fli>\u003Cli>\u003Cstrong>Context-Aware Suggestions\u003C\u002Fstrong> - คำแนะนำที่เข้าใจบริบท\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Next Edit Suggestions\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">ฟีเจอร์ใหม่ใน VS Code 2025 ที่ Copilot จะทำนายการแก้ไขถัดไปที่คุณกำลังจะทำ\u003C\u002Fp>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Custom Instructions Generation\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">ใช้คำสั่ง \"Chat: Generate Instructions\" เพื่อให้ AI สร้าง custom instructions ที่เหมาะกับโปรเจกต์ของคุณ\u003C\u002Fp>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\"> \u003C\u002Fp>\u003Cfigure class=\"image image_resized\" style=\"width:75%;\">\u003Cimg style=\"aspect-ratio:6000\u002F6000;\" src=\"https:\u002F\u002Fimagedelivery.net\u002Fg5Z0xlCQah-oO61sLqaEUA\u002F105_9_11zon_996abda68f\u002Ftwsme\" alt=\"ฟีเจอร์ UI\u002FUX ที่ซ่อนอยู่\" width=\"6000\" height=\"6000\">\u003C\u002Ffigure>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\"> \u003C\u002Fp>\u003Ch2 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">ฟีเจอร์ UI\u002FUX ที่ซ่อนอยู่\u003C\u002Fh2>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Zen Mode++\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Zen Mode ไม่ใช่แค่ซ่อน UI ธรรมดา แต่มีการปรับแต่งได้เยอะมาก:\u003C\u002Fp>\u003Ch4>\u003Cstrong>Zen Mode Settings:\u003C\u002Fstrong>\u003C\u002Fh4>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>zenMode.fullScreen\u003C\u002Fstrong> - เต็มจอหรือไม่\u003C\u002Fli>\u003Cli>\u003Cstrong>zenMode.hideActivityBar\u003C\u002Fstrong> - ซ่อน Activity Bar\u003C\u002Fli>\u003Cli>\u003Cstrong>zenMode.hideStatusBar\u003C\u002Fstrong> - ซ่อน Status Bar\u003C\u002Fli>\u003Cli>\u003Cstrong>zenMode.hideLineNumbers\u003C\u002Fstrong> - ซ่อนเลขบรรทัด\u003C\u002Fli>\u003Cli>\u003Cstrong>zenMode.showTabs\u003C\u002Fstrong> - แสดง tabs หรือไม่\u003C\u002Fli>\u003Cli>\u003Cstrong>zenMode.centerLayout\u003C\u002Fstrong> - จัดให้อยู่กลาง\u003C\u002Fli>\u003C\u002Ful>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cstrong>เข้า Zen Mode:\u003C\u002Fstrong> Ctrl+K Z\u003Cbr>\u003Cstrong>ออกจาก Zen Mode:\u003C\u002Fstrong> กด Esc สองครั้ง\u003C\u002Fp>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Floating Windows\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">คุณสามารถลาก Editor tab ออกมาเป็น floating window ได้ หรือใช้ \"Move into New Window\" จาก context menu\u003C\u002Fp>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Custom Layout Control\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">VS Code ให้คุณปรับ layout ได้อย่างละเอียด:\u003C\u002Fp>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>ลาก panels ไปที่ต้องการ\u003C\u002Fli>\u003Cli>ปรับขนาด sections\u003C\u002Fli>\u003Cli>สร้าง editor groups แบบต่างๆ\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Cfigure class=\"image image_resized\" style=\"width:75%;\">\u003Cimg style=\"aspect-ratio:6000\u002F6000;\" src=\"https:\u002F\u002Fimagedelivery.net\u002Fg5Z0xlCQah-oO61sLqaEUA\u002F107_11_11zon_537566c035\u002Ftwsme\" alt=\"Terminal และ Integration ขั้นสูง\" width=\"6000\" height=\"6000\">\u003C\u002Ffigure>\u003Cp> \u003C\u002Fp>\u003Ch2 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Terminal และ Integration ขั้นสูง\u003C\u002Fh2>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Terminal Powerhouse\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cstrong>JavaScript Debug Terminal:\u003C\u002Fstrong> Terminal พิเศษที่ให้คุณ debug Node.js code ได้โดยอัตโนมัติ เพียงแค่รัน npm script หรือ node command\u003C\u002Fp>\u003Ch4>\u003Cstrong>Terminal Tricks:\u003C\u002Fstrong>\u003C\u002Fh4>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>Ctrl+Shift+5\u003C\u002Fstrong> - แบ่ง terminal เป็น panes\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+Page Up\u002FDown\u003C\u002Fstrong> - สลับระหว่าง terminals\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+`\u003C\u002Fstrong> - เปิด\u002Fปิด terminal panel\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Git Integration ขั้นสูง\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cstrong>Source Control Tree View:\u003C\u002Fstrong> เปลี่ยนจาก list view เป็น tree view ใน Source Control panel โดยไปที่ \"...\" > \"View & Sort\" > \"View as Tree\"\u003C\u002Fp>\u003Ch4>\u003Cstrong>Git Commands ที่ซ่อนอยู่:\u003C\u002Fstrong>\u003C\u002Fh4>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>Stage Selected Ranges\u003C\u002Fstrong> - stage เฉพาะส่วนที่เลือก\u003C\u002Fli>\u003Cli>\u003Cstrong>Git: Show Git Output\u003C\u002Fstrong> - ดูคำสั่ง Git ที่รันจริง\u003C\u002Fli>\u003Cli>\u003Cstrong>Undo Last Commit\u003C\u002Fstrong> - undo commit ล่าสุด\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch2 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Performance และ Productivity Hacks\u003C\u002Fh2>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Auto Save ขั้นสูง\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Auto Save ไม่ใช่แค่ save อัตโนมัติ แต่มีโหมดต่างๆ ให้เลือก:\u003C\u002Fp>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>afterDelay\u003C\u002Fstrong> - save หลังจากหยุดพิมพ์\u003C\u002Fli>\u003Cli>\u003Cstrong>onFocusChange\u003C\u002Fstrong> - save เมื่อเปลี่ยน focus\u003C\u002Fli>\u003Cli>\u003Cstrong>onWindowChange\u003C\u002Fstrong> - save เมื่อเปลี่ยน window\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Cursor Animation\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">เปิด smooth cursor animation เพื่อการพิมพ์ที่ลื่นไหลขึ้น:\u003C\u002Fp>\u003Cpre style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;widows:auto;word-spacing:0px;\">\u003Ccode class=\"language-plaintext language-json\">{\n  \"editor.cursorBlinking\": \"smooth\",\n  \"editor.cursorSmoothCaretAnimation\": \"on\"\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Fast Scrolling Trick\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">กด Alt ขณะ scroll เพื่อ scroll ได้เร็วกว่าปกติ\u003C\u002Fp>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Bracket Matching Enhancement\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">วาง cursor บน bracket ใดๆ จะเห็นการ highlight matching bracket ทันที\u003C\u002Fp>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\"> \u003C\u002Fp>\u003Ch2 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Extensions และ Marketplace ลับๆ\u003C\u002Fh2>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Hidden Extensions Features\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cstrong>Live Server:\u003C\u002Fstrong> ไม่ใช่แค่ auto-refresh แต่สามารถ config port, path, และ browser ได้\u003C\u002Fp>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cstrong>GitLens Secret Features:\u003C\u002Fstrong> นอกจาก Git blame แล้ว GitLens ยังมี Code Lens, File History, และ Repository insights\u003C\u002Fp>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cstrong>Runme Extension:\u003C\u002Fstrong> ทำให้ README.md เป็น interactive และรันโค้ดได้ด้วยคลิกเดียว\u003C\u002Fp>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Workspace-Specific Extensions\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">VS Code ให้คุณ recommend extensions สำหรับ workspace โดยการสร้างไฟล์ \u003Ccode>.vscode\u002Fextensions.json\u003C\u002Fcode>:\u003C\u002Fp>\u003Cpre style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;widows:auto;word-spacing:0px;\">\u003Ccode class=\"language-plaintext language-json\">{\n  \"recommendations\": [\n    \"ms-python.python\",\n    \"ms-vscode.vscode-typescript-next\"\n  ]\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Ch2 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Tips สำหรับ Advanced Users\u003C\u002Fh2>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Settings Sync ขั้นสูง\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">ใช้ GitHub account sync settings, keybindings, extensions, และ snippets ข้าม devices\u003C\u002Fp>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Custom Keybindings\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">สร้าง keybindings ที่ซับซ้อนด้วย \u003Ccode>when\u003C\u002Fcode> conditions:\u003C\u002Fp>\u003Cpre style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;widows:auto;word-spacing:0px;\">\u003Ccode class=\"language-plaintext language-json\">{\n  \"key\": \"ctrl+shift+r\",\n  \"command\": \"workbench.action.reloadWindow\",\n  \"when\": \"isDevelopment\"\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Workspace Settings vs User Settings\u003C\u002Fh3>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>User Settings\u003C\u002Fstrong> - ใช้กับ VS Code ทั้งหมด\u003C\u002Fli>\u003Cli>\u003Cstrong>Workspace Settings\u003C\u002Fstrong> - ใช้เฉพาะโปรเจกต์\u003C\u002Fli>\u003Cli>\u003Cstrong>Folder Settings\u003C\u002Fstrong> - ใช้เฉพาะ folder\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Profile Management\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">VS Code 2025 มี Profile system ที่ให้คุณสลับ settings, extensions, keybindings ตาม context ที่ต้องการ\u003C\u002Fp>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\"> \u003C\u002Fp>\u003Ch2 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Debugging ขั้นมหาเทพ\u003C\u002Fh2>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Advanced Breakpoints\u003C\u002Fh3>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>Conditional Breakpoints\u003C\u002Fstrong> - หยุดเมื่อเงื่อนไขเป็นจริง\u003C\u002Fli>\u003Cli>\u003Cstrong>Logpoints\u003C\u002Fstrong> - log ข้อความโดยไม่หยุด execution\u003C\u002Fli>\u003Cli>\u003Cstrong>Inline Breakpoints\u003C\u002Fstrong> - หยุดที่จุดเฉพaะในบรรทัด\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Multi-Target Debugging\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Debug หลาย process พร้อมกันใน compound launch configurations\u003C\u002Fp>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Remote Debugging\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Debug code ที่รันบน container, WSL, หรือ remote server\u003C\u002Fp>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\"> \u003C\u002Fp>\u003Ch2 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Web Development Specific Features\u003C\u002Fh2>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Emmet ขั้นสูง\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Emmet ไม่ใช่แค่ HTML abbreviations:\u003C\u002Fp>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>CSS abbreviations\u003C\u002Fstrong> - \u003Ccode>m10\u003C\u002Fcode> เป็น \u003Ccode>margin: 10px;\u003C\u002Fcode>\u003C\u002Fli>\u003Cli>\u003Cstrong>Custom snippets\u003C\u002Fstrong> - สร้าง abbreviations ของตัวเอง\u003C\u002Fli>\u003Cli>\u003Cstrong>Wrap with abbreviation\u003C\u002Fstrong> - ห่อ content ด้วย HTML tags\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Live Preview\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Preview HTML files โดยตรงใน VS Code โดยไม่ต้องเปิด browser\u003C\u002Fp>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Auto Rename Tag\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">เมื่อแก้ไข opening tag, closing tag จะเปลี่ยนตามอัตโนมัติ\u003C\u002Fp>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\"> \u003C\u002Fp>\u003Ch2 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">รวมเทคนิคขั้นสูงสุด\u003C\u002Fh2>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Custom Tasks และ Build Systems\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">สร้าง tasks.json ที่ซับซ้อนสำหรับ build, test, deploy:\u003C\u002Fp>\u003Cpre style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;widows:auto;word-spacing:0px;\">\u003Ccode class=\"language-plaintext language-json\">{\n  \"version\": \"2.0.0\",\n  \"tasks\": [\n    {\n      \"label\": \"build-and-test\",\n      \"dependsOrder\": \"sequence\",\n      \"dependsOn\": [\"build\", \"test\"]\n    }\n  ]\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Launch Configurations ขั้นสูง\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">สร้าง launch.json ที่รองรับ multiple debugging scenarios:\u003C\u002Fp>\u003Cpre style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;widows:auto;word-spacing:0px;\">\u003Ccode class=\"language-plaintext language-json\">{\n  \"version\": \"0.2.0\",\n  \"configurations\": [\n    {\n      \"name\": \"Debug Current File\",\n      \"type\": \"node\",\n      \"request\": \"launch\",\n      \"program\": \"${file}\",\n      \"skipFiles\": [\"<node_internals>\u002F**\"]\n    }\n  ]\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Ch3 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">Snippet System ขั้นสูง\u003C\u002Fh3>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">สร้าง custom snippets ที่ใช้ variables, choices, และ transformations:\u003C\u002Fp>\u003Cpre style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;widows:auto;word-spacing:0px;\">\u003Ccode class=\"language-plaintext language-json\">{\n  \"Console Log\": {\n    \"prefix\": \"clg\",\n    \"body\": [\n      \"console.log('${1:label}:', ${2:variable});\"\n    ],\n    \"description\": \"Console log with label\"\n  }\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Chr>\u003Ch2 style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">สรุปและเคล็ดลับสำคัญ\u003C\u002Fh2>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">VS Code มีฟีเจอร์ลับและเทคนิคขั้นสูงมากมายที่สามารถเปลี่ยนวิธีการทำงานของคุณไปโดยสิ้นเชิง การรู้จักฟีเจอร์เหล่านี้จะทำให้คุณเขียนโค้ดได้เร็วขึ้น แก้ปัญหาได้ดีขึ้น และทำงานได้อย่างมีประสิทธิภาพมากขึ้น\u003C\u002Fp>\u003Ch4>\u003Cstrong>เคล็ดลับสำคัญที่ต้องจำ:\u003C\u002Fstrong>\u003C\u002Fh4>\u003Cul style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">\u003Cli>\u003Cstrong>Command Palette คือหัวใจสำคัญ\u003C\u002Fstrong> - เรียนรู้การใช้ให้เชี่ยวชาญ\u003C\u002Fli>\u003Cli>\u003Cstrong>Multi-cursor เป็นเทพธิดา\u003C\u002Fstrong> - ใช้เป็นจะประหยัดเวลาได้มาก\u003C\u002Fli>\u003Cli>\u003Cstrong>Keyboard shortcuts คือพลัง\u003C\u002Fstrong> - จำ shortcuts สำคัญๆ ให้ได้\u003C\u002Fli>\u003Cli>\u003Cstrong>Customization เป็นกุญแจ\u003C\u002Fstrong> - ปรับแต่ง VS Code ให้เหมาะกับสไตล์การทำงาน\u003C\u002Fli>\u003Cli>\u003Cstrong>Extensions ให้อำนาจ\u003C\u002Fstrong> - เลือกใช้ extensions ที่เหมาะกับงาน\u003C\u002Fli>\u003C\u002Ful>\u003Cp style=\"-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);color:rgb(0, 0, 0);font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:auto;text-align:start;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;\">การเรียนรู้ฟีเจอร์เหล่านี้ต้องใช้เวลาและการปฏิบัติ แต่เมื่อคุณเชี่ยวชาญแล้ว คุณจะไม่สามารถกลับไปใช้ VS Code แบบเดิมได้อีก เพราะความสะดวกและประสิทธิภาพที่เพิ่มขึ้นจะทำให้การเขียนโค้ดกลายเป็นเรื่องสนุกและรวดเร็วกว่าที่เคย\u003C\u002Fp>\u003Cp>\u003Cstrong>🔵 Facebook: \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.facebook.com\u002Fsuperdev.school.th\">\u003Cstrong>Superdev School  (Superdev)\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003Cp>\u003Cstrong>📸 Instagram: \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.instagram.com\u002Fsuperdevschool\u002F\">\u003Cstrong>superdevschool\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003Cp>\u003Cstrong>🎬 TikTok: \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.tiktok.com\u002F@superdevschool\">\u003Cstrong>superdevschool\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003Cp class=\"\" data-start=\"5978\" data-end=\"6095\">\u003Cstrong>🌐 Website: \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdev.school\u002F\">\u003Cstrong>www.superdev.school\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>","19_1_11zon_sg9kvwmswt.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Fttko4f0zv7mb2w2\u002F19_1_11zon_sg9kvwmswt.webp","2026-03-04 08:47:29.731Z","",{"keywords":15,"locale":38,"school_blog":48},[16,23,28,33],{"collectionId":17,"collectionName":18,"created":19,"created_by":13,"id":20,"name":21,"updated":22,"updated_by":13},"sclkey987654321","school_keywords","2026-03-04 08:47:29.290Z","nbq47w5kt1xftjd","VS Code ฟีเจอร์ลับ","2026-04-10 16:13:29.406Z",{"collectionId":17,"collectionName":18,"created":24,"created_by":13,"id":25,"name":26,"updated":27,"updated_by":13},"2026-03-04 08:46:45.181Z","00jbowvqoriwppg","โปรแกรมเมอร์มืออาชีพ","2026-04-10 16:13:18.800Z",{"collectionId":17,"collectionName":18,"created":29,"created_by":13,"id":30,"name":31,"updated":32,"updated_by":13},"2026-03-04 08:32:46.661Z","q5txzj2it0lt1j5","ทักษะโปรแกรมเมอร์","2026-04-10 16:08:00.101Z",{"collectionId":17,"collectionName":18,"created":34,"created_by":13,"id":35,"name":36,"updated":37,"updated_by":13},"2026-03-04 08:26:56.612Z","yf74wkqyamfc5qx","โปรแกรมเมอร์","2026-04-10 16:07:36.426Z",{"code":39,"collectionId":40,"collectionName":41,"created":42,"flag":43,"id":44,"is_default":45,"label":46,"updated":47},"th","pbc_1989393366","locales","2026-01-22 10:59:55.832Z","twemoji:flag-thailand","s8wri3bt4vgg2ji",true,"Thai","2026-04-10 15:42:46.614Z",{"category":49,"collectionId":50,"collectionName":51,"created":13,"expand":52,"id":66,"slug":67,"updated":13,"views":68},"spm4l1k5bgmhmmt","pbc_2105096300","school_blogs",{"category":53},{"blogIds":54,"collectionId":55,"collectionName":56,"created":57,"created_by":13,"id":49,"image":58,"image_alt":13,"image_path":59,"label":60,"name":61,"priority":62,"publish_at":63,"scheduled_at":13,"status":64,"updated":65,"updated_by":13},[],"sclcatblg987654321","school_category_blogs","2026-03-04 08:31:18.590Z","50hyjr6os45_ayazwr5gq7.png","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclcatblg987654321\u002Fspm4l1k5bgmhmmt\u002F50hyjr6os45_ayazwr5gq7.png",{"en":61,"th":61},"Knowledge",0,"2026-03-18 02:25:41.222Z","published","2026-04-25 02:32:14.497Z","iptzjn7p170nsmv","vs-code-hidden-features-advanced-tips-thai",235,"ttko4f0zv7mb2w2",[20,25,30,35],"2025-08-18 13:52:57.343Z","เปิดเผยฟีเจอร์ลับ VS Code ที่โปรแกรมเมอร์มืออาชีพใช้! รวม Command Palette ขั้นสูง, Multi-cursor เทคนิค, Zen Mode, GitHub Copilot Agent, การ Debug ขั้นมหาเทพ และเคล็ดลับที่จะเปลี่ยนวิธีการเขียนโค้ดของคุณไปตลอดกาล","2026-04-25 02:48:15.864Z",1,{"th":67,"en":67}]