[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-blog-translations-none":3,"academy-blogs-en-1-1-all-vs-code-hidden-features-advanced-tips-all--*":4},{},{"data":5,"meta":69},[6],{"categoryId":7,"collectionId":8,"collectionName":9,"content":10,"createBy":11,"createDate":12,"created":13,"description":14,"expand":15,"group":61,"id":61,"image":62,"imageAlt":63,"imagePath":64,"keywordIds":65,"langId":57,"publishDate":46,"scheduleDate":12,"slug":66,"status":28,"title":63,"updateBy":11,"updated":67,"views":68},"spm4l1k5bgmhmmt","sclblg987654321","school_blog","\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 has become the world's most popular code editor, but even programmers who have used it for years may not know that VS Code has many hidden amazing features that can dramatically increase work efficiency.\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;\">If you think you know VS Code well, this article might change your mind. We'll reveal secret features, advanced techniques, and tips that will make you use VS Code like a true professional programmer. Let's see what awesome things you might have missed!\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\u002F98_2_11zon_039e83707c\u002Ftwsme\" alt=\"The Extraordinary Command Palette Feature\" 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;\">The Extraordinary Command Palette Feature\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) is the heart of VS Code, but many people don't know what it can do beyond just calling basic commands.\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;\">Movable 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;\">You can drag the Command Palette to another location by grabbing the top edge and dragging it where you want, or use the Customize Layout control in the title bar to select 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;\">Special 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) - Not Just File Opening\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> - Find functions, classes, variables in current file\u003C\u002Fli>\u003Cli>\u003Cstrong>:line\u003C\u002Fstrong> - Go to specified line (e.g., :42)\u003C\u002Fli>\u003Cli>\u003Cstrong>:line:column\u003C\u002Fstrong> - Go to specified line and column (e.g., :42:10)\u003C\u002Fli>\u003Cli>\u003Cstrong>>command\u003C\u002Fstrong> - Same as regular Command Palette\u003C\u002Fli>\u003Cli>\u003Cstrong>?\u003C\u002Fstrong> - See all available commands\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>Secret Technique:\u003C\u002Fstrong> Type just the first letter of each word, like \"ttt\" for \"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;\">Advanced Keyboard Shortcuts Usage\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>Ctrl+Tab\u003C\u002Fstrong> - Switch files like Windows Alt+Tab\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+Shift+O\u003C\u002Fstrong> - Open Symbol navigator directly\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+G\u003C\u002Fstrong> - Go to line directly\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\u002F99_3_11zon_cec0bd3196\u002Ftwsme\" alt=\"Advanced Editor Features You Should Know\" 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;\">Advanced Editor Features You Should Know\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 in VS Code isn't just basic Alt+Click. There are many advanced techniques:\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> - Select next instance of selected word\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+K, Ctrl+D\u003C\u002Fstrong> - Skip current instance\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+Shift+L\u003C\u002Fstrong> - Select all instances of selected word\u003C\u002Fli>\u003Cli>\u003Cstrong>Alt+Shift+I\u003C\u002Fstrong> - Create cursor at the end of every selected line\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> - Create rectangular cursor\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+Shift+Alt+↑\u002F↓\u003C\u002Fstrong> - Expand 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;\">Powerful 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 has text transformation commands many people don't know:\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> - Convert to uppercase\u003C\u002Fli>\u003Cli>\u003Cstrong>Transform to Lowercase\u003C\u002Fstrong> - Convert to lowercase\u003C\u002Fli>\u003Cli>\u003Cstrong>Transform to Title Case\u003C\u002Fstrong> - Convert to Title Case\u003C\u002Fli>\u003Cli>\u003Cstrong>Transform to Snake Case\u003C\u002Fstrong> - Convert to snake_case\u003C\u002Fli>\u003Cli>\u003Cstrong>Transform to Kebab Case\u003C\u002Fstrong> - Convert to 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> - Sort lines A-Z\u003C\u002Fli>\u003Cli>\u003Cstrong>Sort Lines Descending\u003C\u002Fstrong> - Sort lines Z-A\u003C\u002Fli>\u003Cli>\u003Cstrong>Sort Lines by Length\u003C\u002Fstrong> - Sort by length\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> - Expand selection outward\u003C\u002Fli>\u003Cli>\u003Cstrong>Shift+Alt+←\u003C\u002Fstrong> - Shrink selection inward\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> - Select entire line\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+Shift+\\\u003C\u002Fstrong> - Go to 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\u002F102_6_11zon_9d6bf3bbc0\u002Ftwsme\" alt=\"Advanced Navigation and Search Features\" 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;\">Advanced Navigation and Search 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;\">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;\">Beyond \u003Cstrong>F12\u003C\u002Fstrong> (Go to Definition), VS Code also has:\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 (view in 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;\">Epic 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>Enable Regex mode in Search (Alt+R)\u003C\u002Fli>\u003Cli>Use Capture Groups: \u003Ccode>(\\w+)\\s+(\\w+)\u003C\u002Fcode> then Replace with \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> - Entire matched text\u003C\u002Fli>\u003Cli>\u003Cstrong>$n\u003C\u002Fstrong> - Capture group n\u003C\u002Fli>\u003Cli>\u003Cstrong>${n:\u002Fupcase}\u003C\u002Fstrong> - Convert capture group to uppercase\u003C\u002Fli>\u003Cli>\u003Cstrong>${n:\u002Fdowncase}\u003C\u002Fstrong> - Convert capture group to lowercase\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 is built-in source control that lets you see file history, including Git commits and saves.\u003C\u002Fp>\u003Ch4>\u003Cstrong>How to Use:\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>Open Timeline view in Explorer\u003C\u002Fli>\u003Cli>View snapshots of changes\u003C\u002Fli>\u003Cli>Click to compare with previous versions\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\u002F103_7_11zon_b5bc472980\u002Ftwsme\" alt=\"Advanced 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;\">Advanced 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 and 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 comes with MCP (Model Context Protocol) support and Agent mode that helps AI understand your projects better.\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> - Create project-specific commands\u003C\u002Fli>\u003Cli>\u003Cstrong>Project Analysis\u003C\u002Fstrong> - AI analyzes code structure\u003C\u002Fli>\u003Cli>\u003Cstrong>Context-Aware Suggestions\u003C\u002Fstrong> - Recommendations that understand context\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;\">New feature in VS Code 2025 where Copilot predicts the next edit you're about to make.\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;\">Use \"Chat: Generate Instructions\" command to have AI create custom instructions suitable for your project.\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\u002F106_10_11zon_1a2785459a\u002Ftwsme\" alt=\"Hidden UI\u002FUX Features\" 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;\">Hidden UI\u002FUX 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;\">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 isn't just basic UI hiding—it has extensive customization:\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> - Full screen or not\u003C\u002Fli>\u003Cli>\u003Cstrong>zenMode.hideActivityBar\u003C\u002Fstrong> - Hide Activity Bar\u003C\u002Fli>\u003Cli>\u003Cstrong>zenMode.hideStatusBar\u003C\u002Fstrong> - Hide Status Bar\u003C\u002Fli>\u003Cli>\u003Cstrong>zenMode.hideLineNumbers\u003C\u002Fstrong> - Hide line numbers\u003C\u002Fli>\u003Cli>\u003Cstrong>zenMode.showTabs\u003C\u002Fstrong> - Show tabs or not\u003C\u002Fli>\u003Cli>\u003Cstrong>zenMode.centerLayout\u003C\u002Fstrong> - Center layout\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>Enter Zen Mode:\u003C\u002Fstrong> Ctrl+K Z\u003Cbr>\u003Cstrong>Exit Zen Mode:\u003C\u002Fstrong> Press Esc twice\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;\">You can drag Editor tabs out as floating windows or use \"Move into New Window\" from 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 lets you adjust layout in detail:\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>Drag panels where you want\u003C\u002Fli>\u003Cli>Resize sections\u003C\u002Fli>\u003Cli>Create various 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\u002F108_12_11zon_ab611a5588\u002Ftwsme\" alt=\"Advanced Terminal and 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;\">Advanced Terminal and 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> Special terminal that lets you debug Node.js code automatically, just by running npm scripts or node commands.\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> - Split terminal into panes\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+Page Up\u002FDown\u003C\u002Fstrong> - Switch between terminals\u003C\u002Fli>\u003Cli>\u003Cstrong>Ctrl+`\u003C\u002Fstrong> - Open\u002Fclose 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;\">Advanced 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> Change from list view to tree view in Source Control panel by going to \"...\" > \"View & Sort\" > \"View as Tree\"\u003C\u002Fp>\u003Ch4>\u003Cstrong>Hidden 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 only selected parts\u003C\u002Fli>\u003Cli>\u003Cstrong>Git: Show Git Output\u003C\u002Fstrong> - View actual Git commands run\u003C\u002Fli>\u003Cli>\u003Cstrong>Undo Last Commit\u003C\u002Fstrong> - Undo latest 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 and 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;\">Advanced 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 isn't just automatic saving—it has different modes:\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 after stopping typing\u003C\u002Fli>\u003Cli>\u003Cstrong>onFocusChange\u003C\u002Fstrong> - Save when changing focus\u003C\u002Fli>\u003Cli>\u003Cstrong>onWindowChange\u003C\u002Fstrong> - Save when changing 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;\">Enable smooth cursor animation for smoother typing:\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;\">Hold Alt while scrolling to scroll faster than normal.\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;\">Place cursor on any bracket to see matching bracket highlighting immediately.\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;\">Secret Extensions and 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 Extension 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> Not just auto-refresh—you can configure port, path, and 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> Beyond Git blame, GitLens has Code Lens, File History, and 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> Makes README.md interactive and runnable with one click.\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 lets you recommend extensions for workspace by creating \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 for 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;\">Advanced 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;\">Use GitHub account to sync settings, keybindings, extensions, and snippets across 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;\">Create complex keybindings with \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> - Apply to entire VS Code\u003C\u002Fli>\u003Cli>\u003Cstrong>Workspace Settings\u003C\u002Fstrong> - Apply to specific project only\u003C\u002Fli>\u003Cli>\u003Cstrong>Folder Settings\u003C\u002Fstrong> - Apply to specific folder only\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 has a Profile system that lets you switch settings, extensions, keybindings according to desired 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;\">Epic-Level 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> - Stop when condition is true\u003C\u002Fli>\u003Cli>\u003Cstrong>Logpoints\u003C\u002Fstrong> - Log messages without stopping execution\u003C\u002Fli>\u003Cli>\u003Cstrong>Inline Breakpoints\u003C\u002Fstrong> - Stop at specific point in line\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 multiple processes simultaneously in 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 running on containers, WSL, or remote servers.\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;\">Advanced 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 isn't just 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> becomes \u003Ccode>margin: 10px;\u003C\u002Fcode>\u003C\u002Fli>\u003Cli>\u003Cstrong>Custom snippets\u003C\u002Fstrong> - Create your own abbreviations\u003C\u002Fli>\u003Cli>\u003Cstrong>Wrap with abbreviation\u003C\u002Fstrong> - Wrap content with 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 directly in VS Code without opening 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;\">When editing opening tag, closing tag changes automatically.\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;\">Ultimate Advanced Techniques Collection\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 and 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;\">Create complex tasks.json for 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;\">Advanced 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;\">Create launch.json supporting 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;\">Advanced 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;\">Create custom snippets using variables, choices, and 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>\u003Ch3>Summary and Key Tips\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 has numerous secret features and advanced techniques that can completely transform your workflow. Knowing these features will make you code faster, solve problems better, and work more efficiently.\u003C\u002Fp>\u003Ch4>\u003Cstrong>Key Tips to Remember:\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 is the heart\u003C\u002Fstrong> - Learn to use it expertly\u003C\u002Fli>\u003Cli>\u003Cstrong>Multi-cursor is magical\u003C\u002Fstrong> - Using it well saves tons of time\u003C\u002Fli>\u003Cli>\u003Cstrong>Keyboard shortcuts are power\u003C\u002Fstrong> - Memorize important shortcuts\u003C\u002Fli>\u003Cli>\u003Cstrong>Customization is key\u003C\u002Fstrong> - Customize VS Code to fit your work style\u003C\u002Fli>\u003Cli>\u003Cstrong>Extensions provide power\u003C\u002Fstrong> - Choose extensions suitable for your work\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;\">Learning these features takes time and practice, but once you master them, you won't be able to go back to using VS Code the old way. The increased convenience and efficiency will make coding more fun and faster than ever before.\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>","r8v4zgsahjuwpeb","","2026-03-04 08:47:29.301Z","Discover VS Code's hidden features that pro developers use! Master advanced Command Palette tricks, Multi-cursor techniques, Zen Mode, GitHub Copilot secrets, and debugging tips to transform your coding workflow.",{"categoryId":16,"keywordIds":30,"langId":52},{"blogIds":17,"collectionId":18,"collectionName":19,"createBy":20,"created":21,"id":7,"image":22,"imageAlt":12,"imagePath":23,"label":24,"name":25,"priority":26,"publishDate":27,"scheduleDate":12,"status":28,"updateBy":20,"updated":29},[],"sclcatblg987654321","school_category_blog","oplnwslvnmx5axc","2026-03-04 08:31:18.590Z","50hyjr6os45_ayazwr5gq7.png","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclcatblg987654321\u002Fspm4l1k5bgmhmmt\u002F50hyjr6os45_ayazwr5gq7.png",{"en":25,"th":25},"Knowledge",0,"2026-03-18 02:25:41.222Z","Publish","2026-03-18 02:25:41.461Z",[31,38,43,48],{"collectionId":32,"collectionName":33,"createBy":12,"created":34,"id":35,"publishDate":36,"scheduleDate":12,"status":28,"title":37,"updateBy":12,"updated":34},"sclkey987654321","school_keyword","2026-03-04 08:32:49.787Z","x3x7qbon77urmdd","2025-01-17 03:46:52.458Z","programmer skills",{"collectionId":32,"collectionName":33,"createBy":12,"created":39,"id":40,"publishDate":41,"scheduleDate":12,"status":28,"title":42,"updateBy":12,"updated":39},"2026-03-04 08:31:26.855Z","gm7zvudx341kzsm","2025-02-07 08:21:49.488Z","Programmer",{"collectionId":32,"collectionName":33,"createBy":12,"created":44,"id":45,"publishDate":46,"scheduleDate":12,"status":28,"title":47,"updateBy":12,"updated":44},"2026-03-04 08:47:28.619Z","z7qh5mhhurbuscx","2025-08-18 13:53:00.428Z","programming tools",{"collectionId":32,"collectionName":33,"createBy":12,"created":49,"id":50,"publishDate":46,"scheduleDate":12,"status":28,"title":51,"updateBy":12,"updated":49},"2026-03-04 08:47:28.828Z","ag1zobg5s8c51x3","VS Code hidden features",{"code":53,"collectionId":54,"collectionName":55,"createAt":56,"id":57,"is_default":58,"language":59,"updateAt":60},"en","pbc_1989393366","locale","2026-01-22 11:00:02.726Z","qv9c1llfov2d88z",false,"English","2026-02-05 10:48:59.032Z","4t34ki8ox223nu0","20_2_11zon_sze35ikk6h.webp","VS Code Hidden Features You Probably Don't Know","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002F4t34ki8ox223nu0\u002F20_2_11zon_sze35ikk6h.webp",[35,40,45,50],"vs-code-hidden-features-advanced-tips","2026-03-04 08:47:29.627Z",284,{"pagination":70},{"page":71,"pageSize":71,"pageCount":71,"total":71},1]