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 331K
  • Win 187K
  • OS X 100K
  • Linux 44K
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 Sep 2 Sep 1 Aug 31 Aug 30 Aug 29 Aug 28 Aug 27 Aug 26 Aug 25 Aug 24 Aug 23 Aug 22 Aug 21 Aug 20 Aug 19 Aug 18 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
Windows 81 88 107 177 173 215 226 105 100 189 210 220 212 204 102 104 156 218 219 228 200 113 129 162 227 213 215 211 112 114 184 199 194 204 200 105 110 171 212 222 199 208 129 119 164 220
OS X 30 30 74 65 87 91 79 40 53 86 80 87 105 89 37 43 82 79 95 86 89 38 60 83 85 78 72 77 46 45 76 81 92 92 83 45 34 77 110 73 100 103 39 46 93 100
Linux 26 42 37 51 59 51 56 33 35 42 49 52 57 42 37 33 58 52 43 64 57 23 36 40 49 47 40 44 33 27 45 47 60 55 48 35 42 41 57 63 58 68 31 32 49 56

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