### Automatic CLI Setup

Source: https://github.com/harshalkatakiya/prettier-config/blob/main/README.md

Installs dependencies, generates configuration files, and updates package.json scripts for Prettier integration. Prompts for Tailwind CSS support.

```bash
npx @harshalkatakiya/prettier-config add
```

--------------------------------

### Manual Installation Dependencies

Source: https://github.com/harshalkatakiya/prettier-config/blob/main/README.md

Installs Prettier, the shareable config, and the Tailwind CSS plugin as development dependencies.

```bash
npm install --save-dev prettier @harshalkatakiya/prettier-config prettier-plugin-tailwindcss
```

--------------------------------

### Manual Setup: package.json Scripts

Source: https://github.com/harshalkatakiya/prettier-config/blob/main/README.md

Adds scripts to package.json for checking and applying Prettier formatting to the entire project.

```json
{
  "scripts": {
    "prettier:check": "prettier -c .",
    "prettier": "prettier -w -u ."
  }
}
```

--------------------------------

### Manual Setup: .prettierignore File

Source: https://github.com/harshalkatakiya/prettier-config/blob/main/README.md

Specifies files and directories that Prettier should ignore during formatting.

```text
node_modules
dist
build
```

--------------------------------

### Manual Setup: Prettier Configuration (Tailwind CSS v3)

Source: https://github.com/harshalkatakiya/prettier-config/blob/main/README.md

Creates a Prettier configuration file importing the base configuration and adding Tailwind CSS v3 specific settings, including the plugin and configuration file path.

```javascript
import baseConfig from '@harshalkatakiya/prettier-config';

export default {
  ...baseConfig,
  plugins: ['prettier-plugin-tailwindcss'],
  tailwindConfig: './tailwind.config.js',
  tailwindFunctions: ['cn']
};
```

--------------------------------

### Manual Setup: Prettier Configuration (No Tailwind CSS)

Source: https://github.com/harshalkatakiya/prettier-config/blob/main/README.md

Creates a Prettier configuration file importing the base configuration without Tailwind CSS specific settings.

```javascript
import baseConfig from '@harshalkatakiya/prettier-config';

export default { ...baseConfig };
```

--------------------------------

### Manual Setup: Prettier Configuration (Tailwind CSS v4)

Source: https://github.com/harshalkatakiya/prettier-config/blob/main/README.md

Creates a Prettier configuration file importing the base configuration and adding Tailwind CSS v4 specific settings, including the plugin, stylesheet path, and utility functions.

```javascript
import baseConfig from '@harshalkatakiya/prettier-config';

export default {
  ...baseConfig,
  plugins: ['prettier-plugin-tailwindcss'],
  tailwindStylesheet: './src/app/globals.css', // update this path yo your main CSS file
  tailwindFunctions: ['cn']
};
```

--------------------------------

### Prettier Configuration Options

Source: https://github.com/harshalkatakiya/prettier-config/blob/main/README.md

Lists the available Prettier configuration options and their descriptions, covering general formatting rules and specific settings for Tailwind CSS.

```APIDOC
Prettier Configuration Options:

experimentalTernaries: Enables experimental ternary formatting.
  Value: true

printWidth: The maximum line width.
  Value: 80

tabWidth: Number of spaces per indentation level.
  Value: 2

useTabs: Use spaces for indentation.
  Value: false

semi: Add semicolons at the end of statements.
  Value: true

singleQuote: Use single quotes instead of double quotes.
  Value: true

quoteProps: Quote object properties only when required.
  Value: "as-needed"

jxSingleQuote: Use single quotes in JSX.
  Value: true

trailingComma: Do not add trailing commas.
  Value: "none"

bracketSpacing: Add spaces between brackets in object literals.
  Value: true

bracketSameLine: Keep the closing bracket of a JSX element on the same line.
  Value: true

arrowParens: Always include parentheses in arrow functions.
  Value: "always"

singleAttributePerLine: Allow multiple attributes on a single line.
  Value: false

embeddedLanguageFormatting: Automatically format embedded languages.
  Value: "auto"

Tailwind CSS v3 Settings:
  plugins: ["prettier-plugin-tailwindcss"]
  tailwindConfig: "./tailwind.config.js"
  tailwindFunctions: ["cn"]

Tailwind CSS v4 Settings:
  plugins: ["prettier-plugin-tailwindcss"]
  tailwindStylesheet: "./src/app/globals.css" # update this path yo your main CSS file
  tailwindFunctions: ["cn"]
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.