Tailwind CSS

Before you start

Make sure you have Node.js on your computer.
Make sure the CSS and Tailwind CSS bundled plugins are enabled in the Installed tab of the Settings | Plugins page as described in Managing plugins.

Installing Tailwind CSS with Vite is recommended if you are going to use SvelteKit, React Router or Nuxt in your project.

Make sure you have installed and configured Vite as described in Install Vite in an empty project and Configure Vite in GoLand.
Open the embedded Terminal (AltF12) and type:
```
npm install tailwindcss @tailwindcss/vite
```
To configure the @tailwindcss/vite plugin, open the Vite configuration file and add the following import statement to it:
```
import tailwindcss from '@tailwindcss/vite'
```
Then add the following line under plugins:
```
plugins: [
    tailwindcss(),
]
```
Open the CSS file where you want to use Tailwind CSS and add the following import statement to it:
```
@import "tailwindcss";
```
Open your HTML file and add a link to compiled CSS under the <head>< /head> tag, for example, <link href="/src/styles.css" rel="stylesheet">

Open the embedded Terminal (AltF12) .
To install Tailwind CSS, type:
```
npm install -D tailwindcss@3
```
To generate a configuration file, type:
```
npx tailwindcss init
```
As result, a tailwind.config.js configuration file is created in the root of your project.