VSCode User Settings for Using Emmet Tab Completion in React JSX
TL;DR
By adding the following two lines into settings.json, the familiar Tab triggering of Emmet completion works in React JSX.
"emmet.syntaxProfiles": { "javascript": "jsx" },"emmet.includeLanguages": {"javascript": "javascriptreact"},
References
Both lines appear necessary, and they come from two different sources:
- Line 1 comes a thread of a GitHub Issue
- Line 2 comes from @Stephen Tvedt’s post (when line1 alone does not seem to make Tab completion work)
Apparent Gotcha (?)
Although I use sublime key mapping in vscode, the Ctrl + E shortcut mentioned by the beloved Wes Bos in his blog post does not take effect in my editor :(
Example: Emmet in React JSX
