1 min readTools 🛠️, VS Code

VSCode Keyboard Shortcuts for HTML & CSS Layout Developers 🔥

🔍 Basic commands:

Ctrl + Shift + P: Open the Command Palette.

Ctrl + B: Toggle the sidebar.

🚀 Navigating a file:

Ctrl + G: Go to line.

Ctrl + Shift + O: Symbols / headings.

✂️ Editing code:

Alt + Shift + ↑/↓: Copy line.

Alt + ↑/↓: Move line.

Ctrl + ]/[: Indent / outdent.

🕵️ Find and replace:

Ctrl + F: Find.

Ctrl + H: Replace.

🌺 #Emmet:

Tab: Expand (Emmet).

🌐 Live Server:

Alt + L, then Alt + O: Launch (Live Server).

🌈 CSS Magic:

Alt + C, Alt + U: Comments.

Ctrl + Space: Suggestions.

📁 Navigating between files:

Ctrl + Tab: Switch files.

#zimin_dev #zimin_dev_blog #webdevelopment #webdesign #codingtips #webdeveloper #vscode #html #css #tips #shortcuts #productivity

Sasha Zimin

Leave a Reply

Your email address will not be published. Required fields are marked *