How to quickly create <div> classes in VSCode

Question

Generally new to web design and watching some tutorials on creating some backend for a project, getting really tired of writing out the manually, I see youtubers do .classname and then the class with the div appears, but for some reason it isn't working for me? Any help would be appreciated.

Also, would it be easier to switch to Sublime, my buddies think that it is the way to go.

Cheers.

Answer 1

1. Go to settings
2. Go to emmet under the Extensions section.
3. Click on 'Edit in settings.json'.
4. Write the following inside the 'emmet.includeLanguages' tag. Otherwise, paste the whole statement. "emmet.includeLanguages": { "javascript":"javascriptreact" }
5. Save the settings.json file.