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

Vue Syntax Highlight

by vuejs ST2/ST3 Top 100

đź’ˇ Sublime Text syntax highlighting for single-file Vue components

Details

Installs

  • Total 156K
  • Win 85K
  • OS X 52K
  • Linux 19K
Jan 21 Jan 20 Jan 19 Jan 18 Jan 17 Jan 16 Jan 15 Jan 14 Jan 13 Jan 12 Jan 11 Jan 10 Jan 9 Jan 8 Jan 7 Jan 6 Jan 5 Jan 4 Jan 3 Jan 2 Jan 1 Dec 31 Dec 30 Dec 29 Dec 28 Dec 27 Dec 26 Dec 25 Dec 24 Dec 23 Dec 22 Dec 21 Dec 20 Dec 19 Dec 18 Dec 17 Dec 16 Dec 15 Dec 14 Dec 13 Dec 12 Dec 11 Dec 10 Dec 9 Dec 8 Dec 7
Windows 150 174 253 333 327 337 182 170 170 320 299 356 308 353 146 188 303 366 364 360 117 89 131 244 356 339 339 292 134 134 245 283 294 286 312 151 179 299 299 274 240 316 139 158 250 286
OS X 50 76 138 167 178 184 87 81 77 142 163 131 161 156 66 95 144 137 125 125 42 53 64 110 115 121 131 81 63 62 98 92 138 140 153 65 85 117 139 142 140 149 71 81 129 154
Linux 27 49 54 67 61 54 46 43 34 61 65 65 85 46 36 52 50 51 43 53 15 19 33 36 58 44 29 29 32 35 45 40 52 58 59 22 21 52 51 50 37 65 32 24 54 57

Readme

Source
raw.​githubusercontent.​com

Vue Syntax Highlight

Sublime Text Syntax highlighting for single-file Vue.js components (enabled by vue-loader or vueify).

Install

  • Via Package Control: search for Vue Syntax Highlight.
  • Manual: clone this repo into your Sublime Packages folder.

NOTE: You still need to install corresponding packages for pre-processors (e.g. Pug, SASS, CoffeeScript) to get proper syntax highlighting for them.

Enabling JSX Highlighting

The <script> block uses the syntax highlighting currently active for you normal .js files. To support JSX highlighting inside Vue files:

  1. Install and set Babel javascript highlighting package, which supports JSX, as your default JS highlighting.

  2. Explicitly disable Sublime's default JavaScript package. This allows the Babel package to be applied the embedded <script> in *.vue files. You may need to restart Sublime for this to take effect.

Development

Note: the master branch hosts the new syntax that only works in Sublime build > 3153. For the old syntax, see oldsyntax branch.

  • The development of this syntax relies on the YAML-Macros package. You can install it from Package Control.

  • Do not edit Vue Component.sublime-syntax directly. Work in Vue Component.sublime-syntax.yaml-macros instead. Once done editing, run “Build With: YAML Macros” from Sublime's command palette. This will update the actual Vue Component.sublime-syntax file.

License

MIT