| Feature | Description | Why It's Useful |
|---|---|---|
| Syntax Highlighting | Colors keywords, variables, and syntax elements for better visibility. | Improves code readability and helps detect errors faster. |
| IntelliSense | Provides smart code completions based on context and language intelligence. | Saves time by suggesting functions, parameters, and syntax as you type. |
| Code Snippets | Allows quick insertion of reusable templates like for, if, and functions. |
Boosts productivity by avoiding repetitive typing for common code structures. |
| Code Folding | Lets you collapse or expand sections of code such as functions or classes. | Makes navigation easier in large files by focusing only on relevant parts. |
| Bracket Matching | Automatically highlights matching opening and closing brackets. | Prevents syntax issues and helps debug nested structures efficiently. |
Colors keywords, variables, and syntax elements to make the code easier to read and debug.
// JavaScript Example
function greet(name) {
console.log("Hello, " + name + "!");
}
Provides smart suggestions and auto-completion based on the language and context.
// Typing 'console.' will suggest methods like log(), warn(), error()
console.log("VS Code helps you code faster!");
Allows inserting templates like for-loops, if-conditions, etc., quickly using shortcuts or tab completion.
// Example Snippet: for-loop in JavaScript
for (let i = 0; i < 5; i++) {
console.log(i);
}
Lets you collapse or expand blocks of code to focus on what matters.
// You can collapse this function in VS Code
function calculateSum(a, b) {
let sum = a + b;
return sum;
}
Highlights the matching bracket, brace, or parenthesis when your cursor is next to one.
// Bracket matching makes it easier to find block boundaries
if (x > 0) {
console.log("Positive number");
}
Ctrl + P - Quick file navigation by file name
Ctrl + Shift + O - Go to symbol in file
Ctrl + T - Go to symbol across all files
// Example usage:
Press Ctrl + P and type index.html to open that file quickly.
Alt + Click - Add multiple cursors
Shift + Alt + Down/Up - Copy current line below/above
Ctrl + Shift + K - Delete current line
Ctrl + / - Toggle line comment
// Sample multi-line comment:
let x = 10; // Press Ctrl + / to comment/uncomment
let y = 20;
Ctrl + N - New file
Ctrl + S - Save current file
Ctrl + Shift + S - Save As
Ctrl + W - Close active tab
Ctrl + Space - Trigger IntelliSense
Tab - Expand snippet
Ctrl + Shift + G - Open Source Control tab
Stage/Commit/Push - Use buttons or right-click files
Ctrl + Shift + X - Open Extensions sidebar
Install useful tools like Prettier, ESLint, Python, etc.
Ctrl + ` - Toggle integrated terminal
Ctrl + Shift + ` - Create new terminal
// Run this in terminal to check Node version:
node -v
Ctrl + B - Toggle sidebar
Ctrl + \ - Split editor
F11 - Fullscreen
Ctrl + K Z - Zen mode