Repository files navigation

Note: thenew branch hosts the new syntax that only works in Sublime build > 3153. For the old syntax, seemaster branch.

Sublime Text Syntax highlighting for single-fileVue.js components (enabled byvue-loader orvueify).

• Via Package Control: search forVue Syntax Highlight.
• Manual: clone this repo into your SublimePackages folder.

NOTE: You still need to install corresponding packages for pre-processors (e.g. Pug, SASS, CoffeeScript) to get proper syntax highlighting for them.

The<script> block uses the syntax highlighting currently active for you normal.js files. To support JSX highlighting inside Vue files:

1. Install and setBabel javascript highlighting package, which supports JSX, as your default JS highlighting.

2. Explicitly disable Sublime's defaultJavaScript package. This allows the Babel package to be applied the embedded<script> in*.vue files. You may need to restart Sublime for this to take effect.

• The development of this syntax relies on theYAML-Macros package. You can install it from Package Control.

• Do not editVue Component.sublime-syntax directly. Work inVue Component.sublime-syntax.yaml-macros instead. Once done editing, run "Build With: YAML Macros" from Sublime's command palette. This will update the actualVue Component.sublime-syntax file.

MIT