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

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"
  }
}