Syntax highlighting and indenting for JSX. JSX is a JavaScript syntax transformer which translates inline XML document fragments into JavaScript objects. It was developed by Facebook alongside React.
This bundle requires pangloss's vim-javascript syntax highlighting.
Vim support for inline XML in JS is remarkably similar to the same for PHP, which you can find here.
The recommended installation method is via Pathogen. Then simply execute
cd ~/.vim/bundle
git clone https://github.com/mxw/vim-jsx.git
If you have no ~/.vim/after
directory, you can download the tarball or zip
and copy the contents to ~/.vim
.
If you have existing ~/.vim/after
files, copy the syntax and indent files
directly into their respective destinations. If you have existing after syntax
or indent files for Javascript, you'll probably want to do something like
mkdir -p ~/.vim/after/syntax/javascript
cp path/to/vim-jsx/after/syntax/javascript.vim ~/.vim/after/syntax/javascript/javascript.vim
mkdir -p ~/.vim/after/indent/javascript
cp path/to/vim-jsx/after/indent/javascript.vim ~/.vim/after/indent/javascript/javascript.vim