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 253K
  • Win 143K
  • OS X 80K
  • Linux 31K
Oct 19 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
Windows 125 336 317 333 402 153 179 312 332 319 324 322 141 134 147 172 176 179 157 231 226 295 330 325 321 182 159 150 274 295 303 395 323 167 175 260 333 352 331 371 146 190 301 306 382 355
OS X 47 145 123 175 138 90 68 117 142 132 144 144 55 55 108 90 87 87 114 93 97 132 138 149 157 89 58 66 118 136 139 133 132 58 78 114 125 147 127 152 74 81 131 169 142 169
Linux 16 54 71 65 53 39 52 53 70 68 58 75 36 37 49 57 57 57 59 52 49 58 71 57 64 47 52 45 65 62 59 68 69 37 42 61 62 67 66 79 44 41 65 67 76 62

Readme

Source
raw.​githubusercontent.​com

Vue Syntax Highlight

Note: The master branch hosts the tmLanguage based implementation that is distributed to Sublime Text build < 3153. It is also used to power GitHub's syntax highlight of *.vue files in linguist.

For a newer implementation of the syntax that is distributed to build >=3153, See the new branch.


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

screenshot

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. Jade, 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, just set Babel javascript highlighting package, which supports JSX, as your default JS highlighting. Note you may need to explicitly disable Sublime's default JavaScript package to make it work.

License

MIT