This is no longer needed as Emmet supports JSX - you just need to turn it all on. Did a quick tutorial: http://wesbos.com/emmet-react-jsx-sublime/
Thanks, @wesbos
- Using emmet in jsx files
- Emmet expands text when js autocomplete needed
- Using
className
instead ofclass
- Install plugin RegReplace
- Install plugin Chain Of Command
- Merge files from this gist to your
Packages/User
directory
.someClass
a.someClass
(list of tags look inDefault (OSX).sublime-keymap
, now it'sa|div|span|p|button
)div>p
I have folowed all this all the latest packages etc, but emmet expansion seems to be working ONLY by creating div elements. So typing
.mydiv
and pressing tab, gives me<div className="mydiv></div>
as it should, however, any other element; for example,h1.header
tab does nothing at all. Not evenp
gets expanded. I'm really trying to avoid going back to VSCODE as Sublime is so fast, but this configuration is beginning to feel a little vimish