This is a plugin providing Vue language support for the new Nova editor from Panic. Inspired by Vetur and many other great Vue tools.
The extension now support two different mode: Classic and Vetur! You can set it in the global extension preferences and also on a project based.
In the future I'll look into a way of combining the best of both worlds, in the meantime which one should you use? Of course is up to you 😉
A complete Vetur like mode with all the great features you are already used to.
Ad hoc completions for Nova and great snippets for faster development.
The extension offers an easy way to improve the highlighting in Vue file.
This is an example of implementation with all the available hooks:
/* Vue */
vue.html.tag.open,
vue.html.tag.close {
color: #59be84;
}
vue.html.tag.name {
color: #59be84;
font-weight: bold;
}
vue.html.tag.attribute.shorthand-key {
color: #59be84;
}
vue.html.tag.attribute.name,
vue.html.embedded.interpolation.bracket {
color: #65c032;
font-weight: bold;
}
vue.html.tag.attribute.argument {
color: #59be84;
font-weight: bold;
}
vue.html.tag.attribute.modifier {
color: #59be84;
}All themes which support this feature are listed here.
- Generic Vue Tags
- Template Tag
- Script Tag
- Style Tag
- Vue Directives
- Vue Interpolation
- Completions for HTML, CSS, JS and WebAPI
- Completions for Vue API
- Completions for Vue Directives
- Completions Vue Events (@click)
- Support for typescript and coffeescript
- Support for scss, sass and less
- Vue Clips (based on Vue VSCode Snippets)
- Support for Vetur LSP
- Support for jade and pug (waiting for syntaxes)
- Support for stylus and postcss (waiting for syntaxes)
You are welcome to contribute in any way you can think of. Seriously, I am not an expert in these things 😅.
Maybe take a look at the CONTRIBUTING guidelines. Nothing fancy don't worry.
Thanks!