title: Prettier - custom config option
body: <p>how to made prettier to format my code in the way lika on a picture?</p>
  
  <p><a href="https://i.stack.imgur.com/7KPeH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7KPeH.png" alt="code_format"></a></p>
  
  <p>Every time I save my code it is formatted to one line of code, but it's much more readable for me to keep it like on shared picture.</p>
  
  <p>EDIT:</p>
  
  <p>My .prettierrc:</p>
  
  <pre><code>{
    "singleQuote": true,
    "printWidth": 200,
    "semi": true,
    "bracketSpacing": true,
    "arrowParens": "always",
    "parser": "typescript",
    "useTabs": false,
    "tabWidth": 2
  }
  </code></pre>