codingtechonline/vscode_html_css

10 Helpful VS Code Extensions (HTML/CSS)

Outline

1. Live Server
2. Auto Rename Tag
3. Prettier
4. IntelliSense for CSS class names in HTML
5. CSS peek
6. CSS Grid Snippets
7. CSS Flexbox Cheatsheet
8. Lorem ipsum
9. vscode-icons/Material Icon Theme
10. GitLens

CDN Links for testing IntelliSense for CSS class names in HTML

<link
  rel="stylesheet"
  href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
/>
<link
  rel="stylesheet"
  href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
/>
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"
/>
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css"
/>
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.1/css/bulma.min.css"
/>
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.5.9/js/uikit.min.js"
/>