Skip to content
master
Go to file
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
Dec 7, 2016
Dec 7, 2016
Mar 17, 2018
Dec 7, 2016
Dec 7, 2016

Readme.md

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 'chemzqm/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.

You can’t perform that action at this time.