prettier-config

Prettier rules used across Asseco CE projects.

🔧 Installation

Install with package manager such as npm like this:

npm install --save-dev prettier @asseco-ce/prettier-config @trivago/prettier-plugin-sort-imports

Usage

Consume prettier config

// .prettierrc.mjs

import { config } from "@asseco-ce/prettier-config";

export default {
  ...config,
  plugins: ["@trivago/prettier-plugin-sort-imports"],
  // Set import orders
  // More info: https://github.com/trivago/prettier-plugin-sort-imports?tab=readme-ov-file#importorder
  importOrder: [
    "^@gov-design-system-ce/(.*)$",
    "<THIRD_PARTY_MODULES>",
    "^[./]",
  ],
};

IDE Integration

VSCode

Install the Prettier - Code formatter extension.

Then add the following settings to your workspace settings (.vscode/settings.json):

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  // Optional: if you prefer auto-format on save
  "editor.formatOnSave": true,
  "prettier.requireConfig": true
}

JetBrains IDEs

Official Prettier integration for JetBrains IDEs is available here:: https://prettier.io/docs/webstorm

💡 Tips

Add a format script to your package.json:

{
  "scripts": {
    "format": "prettier --write ."
  }
}

Add .prettierignore file to exclude files and folders from formatting. Example:

# Add files here to ignore them from prettier formatting
node_modules/
/dist
/lib
/coverage
/build
package-lock.json
package.json
*.generated.*
**/.gradle