Vue Syntax Highlight
💡 Sublime Text syntax highlighting for single-file Vue components
Details
Installs
- Total 474K
- Win 267K
- Mac 139K
- Linux 69K
| 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 | Apr 15 | Apr 14 | Apr 13 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 10 | 69 | 61 | 71 | 72 | 68 | 38 | 40 | 68 | 61 | 74 | 83 | 71 | 37 | 47 | 61 | 66 | 58 | 70 | 61 | 36 | 65 | 46 | 58 | 52 | 46 | 40 | 41 | 36 | 59 | 60 | 52 | 69 | 77 | 54 | 30 | 76 | 75 | 71 | 71 | 65 | 45 | 46 | 59 | 64 | 71 |
| Mac | 0 | 29 | 18 | 37 | 29 | 42 | 13 | 19 | 34 | 30 | 41 | 38 | 32 | 21 | 18 | 25 | 34 | 25 | 39 | 34 | 11 | 29 | 32 | 30 | 27 | 28 | 27 | 21 | 12 | 37 | 38 | 35 | 35 | 30 | 18 | 28 | 31 | 27 | 27 | 49 | 30 | 21 | 13 | 26 | 41 | 45 |
| Linux | 2 | 20 | 17 | 21 | 19 | 19 | 7 | 12 | 38 | 19 | 17 | 21 | 15 | 13 | 12 | 18 | 21 | 10 | 17 | 25 | 12 | 11 | 15 | 18 | 11 | 15 | 13 | 16 | 22 | 15 | 19 | 16 | 16 | 19 | 12 | 12 | 21 | 18 | 31 | 19 | 17 | 13 | 9 | 13 | 26 | 15 |
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.
Additional Installation Requirements: In order to get proper syntax highlighting for pre-processors (e.g. Jade, SASS, CoffeeScript) you will also need to install the corresponding packages for each of 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.