rainstormza · May 30, 2017 02:44
diff --git a/React Emmet b/React Emmet
 # Enable tab completion for JSX with Emmet in Atom

 *This guide assumes you have the `emmet` and `language-babel` packages already installed in Atom*

 ![Gif of the tab completion working](http://i.imgur.com/09oOsHx.gif)

 1. Open the `keymap.cson` file by clicking on `Atom -> Keymap…` in the menu bar
 2. Add these lines of code to your keymap:
 ```CSON
 'atom-text-editor[data-grammar~="jsx"]:not([mini])':
  'tab': 'emmet:expand-abbreviation-with-tab'
 ```

 Now open a file with JSX code, type `div.myclass`, press tab and it should autocomplete to `<div className="myclass"></div>`! *(if it's not properly syntax highlighted, select `Babel ES6 JavaScript` or `JSX` as the syntax, this won't work otherwise)*
	# Enable tab completion for JSX with Emmet in Atom

	This guide assumes you have the `emmet` and `language-babel` packages already installed in Atom

	![Gif of the tab completion working](http://i.imgur.com/09oOsHx.gif)

	1. Open the `keymap.cson` file by clicking on `Atom -> Keymap…` in the menu bar
	2. Add these lines of code to your keymap:
	```CSON
	'atom-text-editor[data-grammar~="jsx"]:not([mini])':
	'tab': 'emmet:expand-abbreviation-with-tab'
	```

	Now open a file with JSX code, type `div.myclass`, press tab and it should autocomplete to `<div className="myclass"></div>`! (if it's not properly syntax highlighted, select `Babel ES6 JavaScript` or `JSX` as the syntax, this won't work otherwise)