title: VS Code, Prettier and Flow not working nicely together - what am I missing?
body: <p>I'm using <a href="https://github.com/prettier/prettier-vscode" rel="nofollow noreferrer">the prettier-vscode</a> extension to format my js code, but flow annotations are formatted in a weird way with lots of extra space:</p>
  
  <pre><code>const handleResponse = async function &lt; T &gt; ( // &lt;-- should be function&lt;T&gt;(
    response,
    url: string,
    options: responseOptions = {}
  ): Promise &lt; T | null &gt; { // &lt;-- should be Promise&lt;T|null&gt; {
                                          or Promise&lt;T | null&gt; {
  </code></pre>
  
  <p>I've looked around in all the places I could think of to see what config I need to change to get this working, but I can't find anywhere that seems to affect the spacing in te above case.</p>
  
  <p>There's also some weirdness going on with multi-line ternary statements, but I don't think that's related to flow:</p>
  
  <pre><code>const WORKORDERS_BASE_URL =
    WORKORDERS_PORT === '80' ? // &lt;-- I'd prefer if ? and : were on the next line
    `http://${WORKORDERS_HOST}` : // &lt;-- on same indentation level as above - I want one more
    `http://${WORKORDERS_HOST}:${WORKORDERS_PORT}` // &lt;-- same here, I want more indentation
  </code></pre>
  
  <p>The worst case of them all is this change, which happens when I format the document:</p>
  
  <pre><code>Promise&lt;?T&gt;
  // becomes
  Promise&lt;&lt;?T&gt;
  </code></pre>
  
  <p>i.e. it actually breaks my code!</p>
  
  <p>Where should I look for config that controls these things?</p>