mroch / vscode-language-babel

VSCode syntax highlighting for today's JavaScript

vscode-language-babel

JavaScript syntax highlighting for ES201x, React JSX, Flow and GraphQL.

A few notes:

• I've only ported the syntax highlighting. The transpiling and configuration is not included.
• I highly recommend using this syntax highlighting with a theme that supports it.
  • My favorite is Theme - Oceanic Next (shown in the screenshot below)

Why this package?

The language-babel package by gandm for Atom is the best highlighting I've seen for today's JavaScript. Out of the box it supports:

• ES201x JavaScript
• React (including JSX)
• FlowType
• Support for GraphQL code highlighting within template strings:

  - Relay.QL`This is how Relay Classic uses template strings`
  - graphql`This is how Relay Modern uses template strings`
  - gql`This is how Apollo for GraphQL uses template strings`
  - /* GraphQL */`For cases where no template tag function is available`

• styled-components, emotion CSS inside tagged template strings plus additional highlighting via /* CSS */ comment

Comparison to Sublime Babel

See #1