Vue Syntax Highlight
💡 Sublime Text syntax highlighting for single-file Vue components
Details
Installs
- Total 385K
- Win 217K
- Mac 115K
- Linux 53K
| 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 | May 12 | May 11 | May 10 | May 9 | May 8 | May 7 | May 6 | May 5 | May 4 | May 3 | May 2 | May 1 | Apr 30 | Apr 29 | Apr 28 | Apr 27 | Apr 26 | Apr 25 | Apr 24 | Apr 23 | Apr 22 | Apr 21 | Apr 20 | Apr 19 | Apr 18 | Apr 17 | Apr 16 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 24 | 66 | 121 | 138 | 135 | 142 | 134 | 86 | 91 | 112 | 147 | 155 | 164 | 119 | 84 | 96 | 108 | 165 | 128 | 154 | 153 | 114 | 124 | 149 | 175 | 160 | 106 | 120 | 104 | 95 | 104 | 131 | 139 | 163 | 129 | 115 | 104 | 167 | 136 | 141 | 149 | 167 | 100 | 98 | 141 | 143 |
| Mac | 8 | 45 | 64 | 73 | 85 | 61 | 75 | 44 | 42 | 53 | 72 | 77 | 78 | 60 | 37 | 48 | 67 | 53 | 70 | 66 | 72 | 47 | 53 | 81 | 67 | 70 | 59 | 75 | 47 | 34 | 39 | 66 | 57 | 76 | 64 | 60 | 58 | 66 | 84 | 95 | 52 | 79 | 44 | 48 | 60 | 84 |
| Linux | 10 | 31 | 42 | 42 | 34 | 47 | 53 | 40 | 28 | 33 | 42 | 38 | 48 | 56 | 28 | 28 | 53 | 46 | 53 | 52 | 46 | 37 | 26 | 38 | 41 | 41 | 49 | 48 | 40 | 42 | 44 | 31 | 30 | 45 | 48 | 43 | 35 | 41 | 32 | 44 | 45 | 36 | 39 | 27 | 49 | 42 |
Readme
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).
Install
- Via Package Control: search for
Vue Syntax Highlight. - Manual: clone this repo into your Sublime
Packagesfolder.
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.