All Projects → joukevandermaas → vim-ember-hbs

joukevandermaas / vim-ember-hbs

Licence: MIT license
Ember Handlebars/HTMLBars plugin for Vim with indentation support

Programming Languages

Vim Script
2826 projects
Handlebars
879 projects

Projects that are alternatives of or similar to vim-ember-hbs

Handlebars
Fullest Handlebars.js templating support for Atom and Sublime Text 2 / 3. Also drives syntax colouring on Github and in Visual Studio Code. Install from: https://atom.io/packages/Handlebars and https://packagecontrol.io/packages/Handlebars.
Stars: ✭ 292 (+548.89%)
Mutual labels:  syntax-highlighting, handlebars
Ember Cli Postcss
🔥 A Postcss integration for ember-cli
Stars: ✭ 97 (+115.56%)
Mutual labels:  ember, handlebars
language-rainmeter
Syntax highlighting for Rainmeter files in Atom.
Stars: ✭ 19 (-57.78%)
Mutual labels:  syntax-highlighting
ember-validity-modifier
Ember Octane addon to add custom validity (form validation) to form fields
Stars: ✭ 28 (-37.78%)
Mutual labels:  ember
vim-syntax-yara
A Vim syntax-highlighting file for YARA rules
Stars: ✭ 26 (-42.22%)
Mutual labels:  syntax-highlighting
ember-app-shell
No description or website provided.
Stars: ✭ 23 (-48.89%)
Mutual labels:  ember
webmarks
remoteStorage-enabled bookmarking app
Stars: ✭ 65 (+44.44%)
Mutual labels:  ember
ember-cli-geo
Geolocation service for Ember.js web apps
Stars: ✭ 48 (+6.67%)
Mutual labels:  ember
ember-resources
An implementation of Resources with some helpful utilities
Stars: ✭ 68 (+51.11%)
Mutual labels:  ember
ember-angle-brackets-codemod
Codemod to convert curly braces syntax to angle brackets syntax
Stars: ✭ 58 (+28.89%)
Mutual labels:  ember
vim-log-highlighting
Syntax highlighting for generic log files in VIM
Stars: ✭ 164 (+264.44%)
Mutual labels:  syntax-highlighting
matcha-bot
MatchaBot is a code generator. You can use matchabot to create an entire project, or to generate code inside an existing project consistently.
Stars: ✭ 14 (-68.89%)
Mutual labels:  handlebars
ember-statechart-component
Statecharts as components. No classes. Pure declarative state transitions.
Stars: ✭ 28 (-37.78%)
Mutual labels:  ember
winprint
winprint 2.0 - Advanced source code and text file printing. The perfect tool for printing source code, web pages, reports generated by legacy systems, documentation, or any text or HTML file. It works interactively or from the command line making it great for single users or whole enterprises. Works great with Powershell.
Stars: ✭ 52 (+15.56%)
Mutual labels:  syntax-highlighting
ember-paper-stepper
Step up your app with material steppers.
Stars: ✭ 28 (-37.78%)
Mutual labels:  ember
handlebars.c
C implementation of handlebars.js
Stars: ✭ 31 (-31.11%)
Mutual labels:  handlebars
flutter syntax view
Flutter Syntax Highlighter
Stars: ✭ 88 (+95.56%)
Mutual labels:  syntax-highlighting
TheVimIDE
Modern Vim IDE with support for C/C++, Java, Python, Lua, PHP, JavaScript, Ruby and much more ...
Stars: ✭ 33 (-26.67%)
Mutual labels:  syntax-highlighting
highlightjs-badge
Addon component to highlightjs that lets you copy code snippets to the clipboard and displays the active syntax
Stars: ✭ 44 (-2.22%)
Mutual labels:  syntax-highlighting
emberconf-2018
EmberConf 2018 notes.
Stars: ✭ 56 (+24.44%)
Mutual labels:  ember

vim-ember-hbs

vim-ember-hbs is a plugin to add Ember Handlebars/HTMLBars syntax highlighting and indentation to Vim. It supports modern Ember Handlebars syntax like {{else if and {{#each-in. An example of the highlighting (and indentation):

Badwolf theme Solarized theme

Installation

The easiest way to install vim-ember-hbs is using the amazing Pathogen. Simply copy/paste the following snippet:

cd ~/.vim/bundle
git clone https://github.com/joukevandermaas/vim-ember-hbs.git

Substitute .vim for vimfiles on Windows (in PowerShell).

Customization

The plugin defines a number of match groups that can be configured in a file at $HOME/.vim/after/syntax/handlebars.vim. Those groups and there default highlight links are:

Please open an issue, if you are missing one.

hi link hbsBuiltInHelper Function         " all built in helpers like if, else, textarea, input, etc.
hi link hbsKeyword Keyword                " currently the only keyword supported is `as`
hi link hbsOperator Operator              " pencil () and argument =
hi link hbsDelimiter Delimiter            " the || in e.g. `{{#each foo as |bar|}}`
hi link hbsMustacheName Statement         " the name of a mustache `{{my-name`
hi link hbsPencilName Statement           " the name of a pencil `(my-name`
hi link hbsIdentifier Identifier          " everything thats inside a mustache or a pencil and is not a name nor an arg
hi link hbsString String                  " a "string" inside a mustache or a pencil
hi link hbsNumber Number                  " a 0135 number inside a mustache or a pencil
hi link hbsHandles Define                 " The mustaches handles {{
hi link hbsUnescapedHandles Identifier    " A handle with three braces {{{
hi link hbsUnescapedIdentifier Identifier " The identifier inside those {{{
hi link hbsComment Comment                " A comment {{!-- comment --}}
hi link hbsArg Type                       " An argument inside a mustache or a pencil

One can e.g. highlight all unescaped mustaches as Error with

hi link hbsUnescapedIdentifier Error

To also highlight the {{{ as Error, simply add

hi link hbsUnescapedHandles Error
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].