Prettier

Remaining consistent isn't easy when the team grows. A lot of code formatting issues brought up by the linter can be fixed automatically. That's Prettier.

$ yarn add prettier

Change index.ts to following code:

index.ts
const printFizz = number => {
        if (!Boolean(number % 3)) 
        {
return "fizz";
    }
};

then run

$ prettier --write packages/api/index.ts

The file has been formatted correctly:

index.ts
const printFizz = number => {
    if (!Boolean(number % 3)) {
        return "fizz";
    }
};

Avoid TSLint conflict

yarn add tslint-config-prettier -D

Update tslint.json

tslint.json
{
  "defaultSeverity": "error",
  "extends": ["tslint:recommended", "tslint-config-prettier"],
  "jsRules": {},
  "rules": {},
  "rulesDirectory": []
}

Last updated

Was this helpful?