Enable emmet in React VSCode Project

By  MC.Naveen in November 18, 2021

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.

MC.Naveen

MC.Naveen

Hi There, Thank you so much for visiting my blog. I'm 23 year old kiddo who hates coffee but loves to code for computer. Here, In this blog you can find articles related to web and mobile development.

🐦 Follow me on Twitter — ⚛️ Codes on GitHub — 💬 Connect on Telegram