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 233K
  • Win 130K
  • OS X 74K
  • Linux 28K
Aug 17 Aug 16 Aug 15 Aug 14 Aug 13 Aug 12 Aug 11 Aug 10 Aug 9 Aug 8 Aug 7 Aug 6 Aug 5 Aug 4 Aug 3 Aug 2 Aug 1 Jul 31 Jul 30 Jul 29 Jul 28 Jul 27 Jul 26 Jul 25 Jul 24 Jul 23 Jul 22 Jul 21 Jul 20 Jul 19 Jul 18 Jul 17 Jul 16 Jul 15 Jul 14 Jul 13 Jul 12 Jul 11 Jul 10 Jul 9 Jul 8 Jul 7 Jul 6 Jul 5 Jul 4 Jul 3
Windows 257 323 366 343 338 145 184 313 325 348 375 386 190 218 317 364 391 385 369 177 199 308 349 344 374 356 165 196 281 374 432 447 403 171 213 300 296 362 383 369 169 209 296 350 384 425
OS X 116 131 136 129 146 75 75 134 157 147 149 171 80 89 140 150 181 152 151 68 85 131 145 148 171 139 66 77 164 161 172 181 156 79 99 134 131 179 176 175 87 71 131 150 136 149
Linux 52 63 62 53 86 41 45 54 71 67 70 80 44 35 50 60 69 55 60 31 47 66 74 58 71 84 39 51 48 67 75 85 66 32 38 55 55 62 70 72 35 41 63 67 66 68

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