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 272K
  • Win 154K
  • OS X 84K
  • Linux 34K
Dec 14 Dec 13 Dec 12 Dec 11 Dec 10 Dec 9 Dec 8 Dec 7 Dec 6 Dec 5 Dec 4 Dec 3 Dec 2 Dec 1 Nov 30 Nov 29 Nov 28 Nov 27 Nov 26 Nov 25 Nov 24 Nov 23 Nov 22 Nov 21 Nov 20 Nov 19 Nov 18 Nov 17 Nov 16 Nov 15 Nov 14 Nov 13 Nov 12 Nov 11 Nov 10 Nov 9 Nov 8 Nov 7 Nov 6 Nov 5 Nov 4 Nov 3 Nov 2 Nov 1 Oct 31 Oct 30
Windows 140 326 326 344 368 154 148 264 307 338 329 316 159 138 261 308 310 335 287 132 180 253 302 337 339 321 155 177 271 366 313 362 322 140 121 288 300 259 296 334 178 186 326 333 337 309
OS X 43 123 112 108 119 52 61 127 124 134 128 146 56 57 102 123 161 123 129 65 73 75 116 137 133 130 77 76 152 133 142 135 145 57 84 102 137 130 138 150 63 78 125 141 145 129
Linux 14 56 55 54 59 34 39 47 60 60 46 64 31 47 45 69 71 74 61 22 42 51 56 89 74 60 34 34 55 57 64 78 57 39 35 45 74 58 70 61 33 36 54 57 61 72

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