### Start Build Process
Source: https://tailwindcss.com/docs/installation/using-vite
Run the development server using the npm script defined in your package.json.
```bash
npm run dev
```
--------------------------------
### Install Tailwind CSS and Vite Plugin
Source: https://tailwindcss.com/docs/installation/using-vite
Install the necessary Tailwind CSS and Vite plugin packages using npm.
```bash
npm install tailwindcss @tailwindcss/vite
```
--------------------------------
### Use Tailwind CSS in HTML
Source: https://tailwindcss.com/docs/installation/using-vite
Include the compiled CSS file in your HTML's head and start applying Tailwind utility classes to style elements.
```html
Hello world!
```
--------------------------------
### Create Vite Project
Source: https://tailwindcss.com/docs/installation/using-vite
Use npm to create a new Vite project. Navigate into the project directory.
```bash
npm create vite@latest my-project
cd my-project
```
--------------------------------
### Import Tailwind CSS
Source: https://tailwindcss.com/docs/installation/using-vite
Import Tailwind CSS into your main CSS file. This directive enables Tailwind's styles.
```css
@import "tailwindcss";
```
--------------------------------
### Configure Vite Plugin
Source: https://tailwindcss.com/docs/installation/using-vite
Add the Tailwind CSS Vite plugin to your vite.config.ts file to enable Tailwind CSS processing.
```typescript
import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
plugins: [
tailwindcss(),
],
})
```
=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.