ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Babel

by babel ALL Top 100

Syntax definitions for ES6 JavaScript with React JSX extensions.

Details

  • PRE 11.1.0-beta.1
    11.0.2
    10.0.7
  • babeljs.​io
  • github.​com
  • 4 months ago
  • 40 minutes ago
  • 7 years ago

Installs

  • Total 743K
  • Win 333K
  • Mac 285K
  • Linux 126K
Oct 18 Oct 17 Oct 16 Oct 15 Oct 14 Oct 13 Oct 12 Oct 11 Oct 10 Oct 9 Oct 8 Oct 7 Oct 6 Oct 5 Oct 4 Oct 3 Oct 2 Oct 1 Sep 30 Sep 29 Sep 28 Sep 27 Sep 26 Sep 25 Sep 24 Sep 23 Sep 22 Sep 21 Sep 20 Sep 19 Sep 18 Sep 17 Sep 16 Sep 15 Sep 14 Sep 13 Sep 12 Sep 11 Sep 10 Sep 9 Sep 8 Sep 7 Sep 6 Sep 5 Sep 4 Sep 3
Windows 76 69 63 53 93 89 83 71 51 62 96 69 100 76 79 48 64 64 77 72 81 84 69 60 83 89 78 79 90 59 57 104 82 79 100 91 68 65 79 80 100 82 86 54 73 84
Mac 14 25 15 25 34 38 30 28 19 26 31 34 35 36 21 30 22 30 40 40 42 35 27 17 28 41 37 39 44 15 19 48 27 46 41 38 25 16 26 34 39 35 34 22 20 45
Linux 16 14 20 11 20 26 23 17 20 11 23 23 24 21 21 15 14 21 18 18 15 20 14 21 14 21 25 17 27 12 11 21 20 15 15 30 13 16 28 30 24 26 12 9 16 25

Readme

Source
raw.​githubusercontent.​com

babel-sublime

Language definition for modern JavaScript with JSX syntax, Flow typing, and Styled Components.

Installation

Find it as Babel through Package Control.

Setting as the default syntax

To set it as the default syntax for a particular extension:

  1. Open a file with that extension,
  2. From the View menu, select SyntaxOpen all with current extension as…BabelJavaScript (Babel)
  3. Repeat this for each extension (e.g.: .js and .jsx).

Setting a Color Scheme

Babel comes bundled with Next from Benvie/JavaScriptNext.tmLanguage. From the command palette, select UI: Select Color Scheme and select Next.

Screenshots

babel-sublime-vs-built-in-jsx

Snippets

Find them separately at babel/babel-sublime-snippets or as Babel Snippets through Package Control.

About

Under the hood, babel-sublime's syntax definition is built using JS Custom. JS Custom is based on Sublime's core JavaScript syntax, which is in turn descended from Benvie/JavaScriptNext.tmLanguage. Special thanks go to @jgebhardt and @zpao.

Contributing

The JavaScript (Babel).sublime-syntax file itself is generated by JS Custom and should not be manually modified — any bug fixes or enhancements to the syntax itself should go through JS Custom.

If you modify the commenting rules or Next theme, make sure to do so by editing the appropriate YAML-tmPreferences or YAML-tmTheme file and converting that file using PackageDev. Then, commit both the source (YAML) file and the converted (XML) file.