Skip to content

Commit 62aabeb

Browse files
docs(styled/install): add steps for JetBrains IDE configuration (#1069)
1 parent b09a18d commit 62aabeb

File tree

1 file changed

+15
-5
lines changed
  • apps/website/src/routes/docs/styled/(getting-started)/install

1 file changed

+15
-5
lines changed

apps/website/src/routes/docs/styled/(getting-started)/install/index.mdx

+15-5
Original file line numberDiff line numberDiff line change
@@ -263,11 +263,11 @@ This way you can now `import { Accordion, Alert, ... } from '~/components/ui';`
263263

264264
(**small tip:** you can comment out the components you don't use!)
265265

266-
## Tailwind CSS IntelliSense VSCode extension
266+
## Tailwind CSS editor extension
267267

268-
If you don't already have it, go ahead and install the [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) extension for vscode.
268+
You can configure your code editor to recognize the Qwik UI utility functions. This gives you the same auto-completion that you get for the default Tailwind CSS classes.
269269

270-
Then, edit your [settings.json](https://code.visualstudio.com/docs/getstarted/settings) with the following:
270+
Use the following configuration with your chosen editor:
271271

272272
```json
273273
{
@@ -278,6 +278,16 @@ Then, edit your [settings.json](https://code.visualstudio.com/docs/getstarted/se
278278
}
279279
```
280280

281-
This will enable the extension to recognize the Qwik UI utility functions and give you the same autocompletion you get with the default Tailwind classes.
282-
283281
You can thank us later... 😉
282+
283+
### VSCode
284+
285+
The [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) extension is available to download for VSCode.
286+
287+
Install it, open your [settings.json](https://code.visualstudio.com/docs/getstarted/settings) file, and append the provided configuration.
288+
289+
### JetBrains IDEs
290+
291+
The [Tailwind CSS](https://plugins.jetbrains.com/plugin/15321-tailwind-css) plugin is already bundled with JetBrains IDEs.
292+
293+
[Click here](jetbrains://idea/settings?name=Languages+%26+Frameworks--Style+Sheets--Tailwind+CSS) to navigate to _Settings_ > _Languages & Frameworks_ > _Style Sheets_ > _Tailwind CSS_, and append the provided configuration.

0 commit comments

Comments
 (0)