Enable emmet in React VSCode Project

Emmet is a tool that helps you to write programs faster and easier. The good thing is it’s a built in feature in VS Code.

But when you’re working with React, by default the Emmet isn’t enabled. We have to enable it manually.

We can easily create a new folder inside the project called .vscode and inside it we have to create a new file called settings.json.

Now paste the below code inside the file and save it.

{
    "emmet.includeLanguages": {
       "javascript": "javascriptreact"
   }
 }

From now on, when you open a file with .js or .jsx extension, VS Code will automatically enable Emmet for this project.

Leave a Comment