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

Vue Syntax Highlight

by vuejs ST2/ST3

Sublime Text syntax highlighting for single-file Vue components

Details

Installs

  • Total 90K
  • Win 47K
  • OS X 32K
  • Linux 11K
Jun 27 Jun 26 Jun 25 Jun 24 Jun 23 Jun 22 Jun 21 Jun 20 Jun 19 Jun 18 Jun 17 Jun 16 Jun 15 Jun 14 Jun 13 Jun 12 Jun 11 Jun 10 Jun 9 Jun 8 Jun 7 Jun 6 Jun 5 Jun 4 Jun 3 Jun 2 Jun 1 May 31 May 30 May 29 May 28 May 27 May 26 May 25 May 24 May 23 May 22 May 21 May 20 May 19 May 18 May 17 May 16 May 15 May 14 May 13
Windows 175 259 135 180 249 312 294 315 300 105 137 231 248 292 258 266 138 147 197 279 251 281 291 135 156 249 288 274 139 144 120 198 249 239 281 308 283 149 127 255 291 265 292 276 148 119
OS X 79 145 71 72 123 147 121 128 155 60 72 137 123 116 136 146 55 78 136 125 142 146 128 76 67 132 117 131 93 81 70 90 104 137 147 137 166 62 76 138 140 162 156 134 60 68
Linux 18 64 24 28 43 58 46 50 47 36 30 45 44 50 52 45 26 39 51 44 38 35 55 27 28 30 49 45 52 46 31 29 53 41 49 43 34 36 27 45 49 45 56 38 33 14

Readme

Source
raw.​githubusercontent.​com

Vue Syntax Highlight

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