How do you enable emmet for nextjs ( js file)?

user_17106617 0
Viewed 1825

How do you enable emmet for nextjs ( js file)?

emmet visual-studio-code next.js reactjs
2 Answers

Emmets don't work in JS files. However, you can set it so that VS Code thinks that it's a JSX file and it would give React IntelliSense.

  1. Click the button written "JavaScript" in the Status Bar, which should be at the bottom.

enter image description here

  1. Type "React" and select react (javascriptreact).

enter image description here

  1. After that, the file is set as a React file, and therefore, you can now use Emmets.

enter image description here

If you want all of your JS files to be set as React files, create .vscode/settings.json and paste this:

{
  "files.associations": {
    "*.js": "javascriptreact"
  }
}
user_154061410

You can change the file extension from '.js' to '.jsx'

user_177361490
Related