A Vim plgin to highlight JavaScript's Template Strings contents in other FileType syntax rule which you want.
var template = `
<!-- highlighted in HTML's way -->
<html>
<body id="main"></body>
</html>
`;
Template Strings is available with Babel, google/traceur-compile and TypeScript.
Place this in your .vimrc:
Plugin 'Quramy/vim-js-pretty-template'then run the following in Vim:
:source %
:PluginInstallNeoBundle 'Quramy/vim-js-pretty-template'then run the following in Vim:
:source %
:NeoBundleInstallRun the following in a terminal:
cd ~/.vim/bundle
git clone https://github.com/Quramy/vim-js-pretty-templateThis plugin provides the :JsPreTmpl command. For example:
:JsPreTmpl htmlexecuting the above, a template string is highlighted with HTML way.
This command requires an argument. It's a FileType name which you can apply into templates in your JavaScript code.
If you want to apply automatically, you can append the following to your .vimrc:
autocmd FileType javascript JsPreTmpl htmlvim-js-pretty-template is also compatible for TypeScript and CoffeeScript.
- TypeScript
- CoffeeScript
For example:
autocmd FileType typescript JsPreTmpl markdownthen the following template string is highlighted:
var tmpl: string = `
## Title
*Highlighted in Markdown way.*
`;or for example:
autocmd FileType coffee JsPreTmpl xmlthen:
tmpl = """
<!-- highlighted in XML way -->
<svg:svg xmlns:svg="http://www.w3.org/2000/svg">
<svg:circle cx="100" cy="100" r="50"></svg:circle>
</svg:svg>
"""This plugin is released under the MIT license, see LICENSE.txt.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent