# Prettier

Paradime provides native integration with [Prettier](https://prettier.io/playground/), enabling automatic formatting of YAML files in your dbt™ project directly from the IDE. This integration helps maintain consistent code style and catch potential YAML errors early.

### Integration Features

* One-click YAML formatting through the Lint button
* Built-in error detection
* Native IDE integration
* Customizable formatting rules

***

### Using the Integration

1. Open a `.sql` file in your editor
2. Click the **Lint** button in the [Command Panel](/app-help/documentation/code-ide/command-panel.md)
3. Review the changes made in [Git Lite](/app-help/documentation/code-ide/left-panel/git-lite.md)
   * Syntax errors
   * Style violations
   * Formatting suggestions
4. If satisfied with Lint updates, [Commit and Push](/app-help/documentation/code-ide/left-panel/git-lite.md#commit-and-push-your-changes) your changes to your remote branch.

<figure><img src="/files/W9n1OVdQ3mVFGM5i3rri" alt=""><figcaption></figcaption></figure>

## Configuration

While the integration works out of the box, you can customize Prettier's behavior:

1. Create a `.prettierrc.yaml` file in your dbt™ project root directory (same location as your `dbt_project.yml`)
2. Add your configuration:

<pre class="language-yaml" data-title=".prettierrc.yaml example file"><code class="lang-yaml"># .prettierrc.yaml example file
<strong>yamlCopyparser: yaml
</strong>trailingComma: es5
tabWidth: 4
semi: false
singleQuote: true
printWidth: 100
</code></pre>

{% @arcade/embed url="<https://app.arcade.software/share/mhDEXtnZo6K5nV53VADe>" flowId="mhDEXtnZo6K5nV53VADe" %}

{% hint style="info" %}
Visit [prettier documentation](https://prettier.io/docs/en/configuration.html) a complete list of configuration options.
{% endhint %}

### Error Detection

When the integration runs Prettier on a `.yml` file, it automatically:

* Validates YAML syntax
* Flags potential errors
* Shows formatting issues
* Provides error details in the output tab

{% @arcade/embed url="<https://app.arcade.software/share/5wCjYb0dIBV6pmwN3i0u>" flowId="5wCjYb0dIBV6pmwN3i0u" %}

***

{% hint style="info" %}
Want to automate YAML formatting? Learn how to set up [Prettier pre-commit hooks](/app-help/documentation/integrations/code-ide/pre-commit/prettier-hooks.md) to format files before each commit.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.paradime.io/app-help/integrations/prettier.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.