tailwind-ctp-intellisense/README.md

2.6 KiB
Executable File

Tailwind CSS IntelliSense

Tailwind CSS class name completion for VS Code

Get it from the VS Code Marketplace →

HTML autocompletion

Features

Tailwind CSS IntelliSense uses your projects Tailwind installation and configuration to provide suggestions as you type.

It also includes features that improve the overall Tailwind experience, including improved syntax highlighting, and CSS previews.

HTML (including Vue, JSX, PHP etc.)

CSS

Examples

Class name suggestions, including support for Emmet syntax

HTML autocompletion

CSS preview when hovering over class names

HTML hover preview

Suggestions when using @apply and config()

CSS autocompletion

Improves syntax highlighting when using @apply and config()

Before:

CSS syntax highlighting before

After:

CSS syntax highlighting after

Requirements

This extension requires:

  • a tailwind.config.js file to be present in your project folder. You can create it with npx tailwind init.
  • tailwindcss to be installed (present in project node_modules/)