Qualtrics Prettier config

prettier-config-qualtrics

These are settings for Prettier used by Qualtrics.

What it does

This setup formats your frontend code to make it consistent and clean. Check the .prettierrc.json file to see what is included, and check out the docs to see the defaults.

Installing

In your project folder, run:

npm i -D prettier prettier-config-qualtrics
# or
yarn add -D prettier prettier-config-qualtrics

Usage

Prerequisites

You should also have a .prettierignore file. Here's an example:

# Ignore artifacts:
build
coverage
# Dependencies:
/node_modules

Edit package.json

{
  // ...
  "prettier": "prettier-config-qualtrics"
}

Extending

To extend (or overwrite) our config, follow the guide here

Basically you need to import our file in a .prettierrc.js file and export the modifications, e.g:

// .prettierrc.js
module.exports = {
  ...require("prettier-config-qualtrics"),
  semi: false,
};

If you do this, then you'll need to remove the "prettier" line in your package.json

Editor Integration

For the most complete guide, see the docs

If you are using VSCode, install the Prettier extension here

If you are using IntelliJ, install the Prettier extension here