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 300K
  • Win 169K
  • OS X 92K
  • Linux 39K
Apr 23 Apr 22 Apr 21 Apr 20 Apr 19 Apr 18 Apr 17 Apr 16 Apr 15 Apr 14 Apr 13 Apr 12 Apr 11 Apr 10 Apr 9 Apr 8 Apr 7 Apr 6 Apr 5 Apr 4 Apr 3 Apr 2 Apr 1 Mar 31 Mar 30 Mar 29 Mar 28 Mar 27 Mar 26 Mar 25 Mar 24 Mar 23 Mar 22 Mar 21 Mar 20 Mar 19 Mar 18 Mar 17 Mar 16 Mar 15 Mar 14 Mar 13 Mar 12 Mar 11 Mar 10 Mar 9
Windows 127 127 81 103 118 142 173 144 157 80 99 147 185 152 171 166 106 95 117 131 178 149 162 89 91 136 160 162 176 151 102 102 157 161 178 212 161 132 115 172 180 180 170 151 89 99
OS X 72 62 38 49 65 74 70 90 76 47 46 75 92 85 89 87 42 51 76 85 103 87 83 56 53 73 89 70 88 94 54 58 82 94 98 94 99 47 54 109 104 113 82 89 49 46
Linux 48 42 34 34 50 48 64 56 52 35 27 52 52 53 51 66 43 40 42 50 50 53 71 25 32 54 68 58 67 53 33 39 46 60 48 68 55 37 37 57 63 68 59 54 29 42

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