2018-08-21 12:44:52 +00:00
|
|
|
# Tailwind CSS IntelliSense
|
2018-08-21 12:10:52 +00:00
|
|
|
|
2018-08-21 12:34:00 +00:00
|
|
|
> Tailwind CSS class name completion for VS Code
|
2018-08-21 12:30:26 +00:00
|
|
|
|
2018-08-21 21:05:37 +00:00
|
|
|
**[Get it from the VS Code Marketplace →](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)**
|
|
|
|
|
|
2018-08-21 12:30:26 +00:00
|
|
|
## HTML
|
|
|
|
|
|
2018-08-21 13:02:16 +00:00
|
|
|
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/src/img/html.gif" alt="HTML autocompletion" width="750">
|
2018-08-21 12:30:26 +00:00
|
|
|
|
|
|
|
|
Hover over a class name to preview the CSS:
|
|
|
|
|
|
2018-08-21 13:02:16 +00:00
|
|
|
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/src/img/html-hover.gif" alt="HTML hover preview" width="750">
|
2018-08-21 12:30:26 +00:00
|
|
|
|
|
|
|
|
## CSS
|
|
|
|
|
|
|
|
|
|
In CSS files you get autocompletions when using `@apply` and the `config()` helper.
|
|
|
|
|
|
2018-08-21 13:02:16 +00:00
|
|
|
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/src/img/css.gif" alt="CSS autocompletion" width="750">
|
