Really wish http://codeguide.co/#html-syntax by @mdo could be enforced, so people can write consistent html:

Use soft tabs with two spaces—they're the only way to guarantee code renders the same in any environment.
Nested elements should be indented once (two spaces).
Always use double quotes, never single quotes, on attributes.
Don't include a trailing slash in self-closing elements—the HTML5 spec says they're optional.
Don’t omit optional closing tags (e.g. </li> or </body>).

Also, this feels like perfect use case for prettier 😉 :

<foo
  class="i have so many classes"
  data-really-long-attr="bar"
  data-another-long-attr="bar"
></foo>

I don't know specifics for formatting ember/angular, but for Vue SFC, my Vue/VSCode plugin https://github.com/octref/vetur has code that takes each region and send them to respective formatters:

<template>
  <!-- send to html formatter -->
</template>
<script lang="ts">
  // send to ts formatter
</script>
<style lang="scss">
  // send to scss formatter
</style>

Previously I hooked up js-beautify as formatter for script and style regions, but now prettier has TS support so I'm switching over to it for formatting js/ts/css/scss/less.

Once html supports land in prettier, I can make a Vue formatter that takes any Vue file written with html, js/ts, css/less/scss/postcss and outputs consistent code. That is 🔥 🔥 🔥

Uh oh!

Supporting HTML #1882

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions