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

Question

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

Answer 1

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

Answer 2

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.

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

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

---

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