Configure Emmet for JSX in VSCode

Question

I use css like this:

const styles = {
  foo: {
    color: \'red\'
  }
}

and I want emmet to expand

Answer 1

Press Ctrl + , or Cmd + , or File > Preferences > Settings. This will open Settings window. Go to Workspace tab > Extensions > Emmet.

For new vs code version, you'll see a menu called Included Languages. similar to this:

After enter javascript in the item box and after type javascriptreact in the value field and finally press Add item. Your final output must look like the image below: