VSCode: Extensions Emmet Shortcuts
Install essential extensions, use Emmet abbreviations to write HTML and CSS instantly, and learn keyboard shortcuts that speed up editing.
Why VSCode?
Visual Studio Code is the most popular code editor for frontend development. It's free, open-source, fast, and has a massive extension ecosystem. Most frontend teams standardise on it.
Essential Extensions
Must-have extensions for frontend development: ESLint (inline linting), Prettier (auto-formatting), GitLens (git blame inline), Path Intellisense (autocomplete file paths), Auto Rename Tag (rename paired HTML tags).
All lessons in this course
- Chrome DevTools: Elements Console Network
- VSCode: Extensions Emmet Shortcuts
- Prettier and ESLint Setup
- Browser Compatibility and caniuse.com