title: Code formatting break Jekyll YAML front matter directives in VS code
body: <p>Auto code formatting (action <code>editor.action.format</code>) breaks <a href="http://jekyllrb.com" rel="noreferrer">Jekyll (aka Github Pages)</a> pages <a href="http://jekyllrb.com/docs/frontmatter/" rel="noreferrer">YAML front matter</a>.</p>
  
  <p><em>index.html</em> before auto formatting:</p>
  
  <pre><code>--- 
  layout: default 
  title: Awesome page
  bodyClass: homepage 
  permalink: /
  ---
  (rest of the content)
  </code></pre>
  
  <p><em>index.html</em> after autoformatting:</p>
  
  <pre><code>--- layout: default title: Awesome page bodyClass: homepage permalink: / ---
  (rest of the content is formatted ok, regular html syntax)
  </code></pre>
  
  <p>How can I tune up the VS code formatting rules?</p>