Skip to content

mroch/vscode-language-babel

 
 

Repository files navigation

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.

Screenshot

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

About

VSCode syntax highlighting for today's JavaScript

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 56.3%
  • TypeScript 33.3%
  • HTML 10.4%