Skip to content

neoclide/vim-jsx-improve

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

96 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

2016-12-10 01_27_59

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.