Vue Syntax Highlight

by vuejs ALL Top 100

💡 Sublime Text syntax highlighting for single-file Vue components

Details

Versions
3.3.6

3.2.5

3.2.3
Homepage github.com
Issues github.com
Modified 7 months ago
Last Seen 2 hours ago
First Seen 6 years ago

Installs

Total 396K
Win 223K
Mac 117K
Linux 55K

	Aug 5	Aug 4	Aug 3	Aug 2	Aug 1	Jul 31	Jul 30	Jul 29	Jul 28	Jul 27	Jul 26	Jul 25	Jul 24	Jul 23	Jul 22	Jul 21	Jul 20	Jul 19	Jul 18	Jul 17	Jul 16	Jul 15	Jul 14	Jul 13	Jul 12	Jul 11	Jul 10	Jul 9	Jul 8	Jul 7	Jul 6	Jul 5	Jul 4	Jul 3	Jul 2	Jul 1	Jun 30	Jun 29	Jun 28	Jun 27	Jun 26	Jun 25	Jun 24	Jun 23	Jun 22	Jun 21
Windows	124	116	137	65	65	113	119	149	114	135	64	76	122	147	127	128	122	82	80	111	145	142	135	117	86	84	140	159	133	160	154	67	82	121	137	124	142	137	103	66	95	83	129	151	141	59
Mac	46	53	64	29	24	49	61	58	66	47	33	27	48	54	55	65	57	24	36	62	61	57	56	51	35	25	55	57	70	64	47	39	41	54	57	60	48	58	42	33	43	42	53	55	70	37
Linux	31	37	35	23	23	33	31	45	38	38	29	23	29	43	48	33	34	31	33	45	31	37	49	33	24	20	37	29	46	37	46	25	25	44	38	39	35	49	31	19	20	34	49	45	50	38

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