|
|
|
|
vim-jsx
|
|
|
|
|
=======
|
|
|
|
|
|
|
|
|
|
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][1].
|
|
|
|
|
|
|
|
|
|
This bundle requires pangloss's [vim-javascript][2] syntax highlighting.
|
|
|
|
|
|
|
|
|
|
Vim support for inline XML in JS is remarkably similar to the same for PHP,
|
|
|
|
|
which you can find [here][3].
|
|
|
|
|
|
|
|
|
|
Usage
|
|
|
|
|
-----
|
|
|
|
|
|
|
|
|
|
By default, JSX syntax highlighting and indenting will be enabled only for
|
|
|
|
|
files with the `.jsx` extension. If you would like JSX in `.js` files, add
|
|
|
|
|
|
|
|
|
|
```viml
|
|
|
|
|
let g:jsx_ext_required = 0
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
to your .vimrc or somewhere in your include path. If you wish to restrict JSX
|
|
|
|
|
to files with the pre-v0.12 `@jsx React.DOM` pragma, add
|
|
|
|
|
|
|
|
|
|
```viml
|
|
|
|
|
let g:jsx_pragma_required = 1
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
to your .vimrc or somewhere in your include path.
|
|
|
|
|
|
|
|
|
|
Please note that this package does not support syntax folding, and has not been
|
|
|
|
|
tested with either JavaScript or XML folding enabled.
|
|
|
|
|
|
|
|
|
|
Installation
|
|
|
|
|
------------
|
|
|
|
|
|
|
|
|
|
### Pathogen
|
|
|
|
|
|
|
|
|
|
The recommended installation method is via [Pathogen][4]. Then simply execute
|
|
|
|
|
|
|
|
|
|
cd ~/.vim/bundle
|
|
|
|
|
git clone https://github.com/mxw/vim-jsx.git
|
|
|
|
|
|
|
|
|
|
### Manual Installation
|
|
|
|
|
|
|
|
|
|
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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
[1]: http://facebook.github.io/react/ "React"
|
|
|
|
|
[2]: https://github.com/pangloss/vim-javascript "pangloss: vim-javascript"
|
|
|
|
|
[3]: https://github.com/mxw/vim-xhp "mxw: vim-xhp"
|
|
|
|
|
[4]: https://github.com/tpope/vim-pathogen "tpope: vim-pathogen"
|
