vim-jsx-improve
Makes your javascript files support React jsx correctly.
Javascript syntax from pangloss/vim-javascript
Jsx highlight and indent code changed from MaxMEllon/vim-jsx-pretty
- Fixed syntax highlighting and indentation for React jsx files.
- Works well with xml.vim
This plugin have no dependency, all the code you need for jsx and javascript is included.
Note: you need to disable vim-javascript plugin if have installed, I have to change some highlight group to make it works with jsx.
Installation
Use pathogen or vundle is recommended. Vundle:
Plugin 'neoclide/vim-jsx-improve'
This plugin support javascriptreact filetype which is introduced on newer
version of vim8 and neovim.
Use let g:jsx_improve_javascriptreact = 0 to disable javascriptreact support.
Quick jump to function braces
You can use [[ ]] [] ][ to quick jump to { } position of functions, set g:jsx_improve_motion_disable to 1 to disable it.
New Syntax group
this is a new syntax group .if you want highlight it ,your colorscheme should add jsxEndComponentName color.
| name | place |
|---|---|
| jsxEndComponentName | </Capitals>__~~~~~~~~_ |
GIF
The colorscheme is gruvbox
The keystroke visualizer is keycastr
Feed back welcome
Feel free to open a ticket if your have problem with this plugin.