Skip to main content
HashnodeHemant's Engineering Blog

Command Palette

Search for a command to run...

Emmet in ReactJS JavaScript JSX

Updated
•1 min read
Emmet in ReactJS JavaScript JSX
H
Hemant Sharma

Engineering Products through AI & Fullstack Skills! Heavily inspired by Silicon Valley, exploring and learning through GitHub, YouTube, Blogposts and Newsletters to increase my skillsets everyday be it Engineering, Entrepreneurship or Startup building. Aspire to work for a Silicon Valley company someday and readily finding my way through to it!

Learn how you can enable using Emmet in ReactJS JavaScript.

Follow the mentioned steps

  1. Open Visual Studio Code.

  2. Open Settings using the following commands,

    1. Mac: Command (⌘) + ,

    2. Windows: Ctrl + ,

  3. The settings page would look like this

  4. Make sure to head over to the Workspace tab,

  5. Now search for the "Emmet" option by typing in the emmet in the search field,

  6. Now search for the section: "Emmet: Include Languages" as shown in the picture,

  7. Here you can add a new item to tell emmet what are the areas you want it to work in, now click the Add Item button and type the following in and press the OK button

Congratulations 🎉 !!! Now you will be able to use emmet in JavaScript in React just like you do it in the HTML files.

Connect with Me🔗👾

Twitter: https://hemantsharma.tech/x
LinkedIn: https://hemantsharma.tech/linkedin
GitHub: https://hemantsharma.tech/github
Website: hemantsharma.tech

#vs-code#emmet#reactjs#vscode-extensions#vscode-cjevho8kk00bo1ss2lmqqjr51

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

Hemant's Engineering Blog

8 posts

Dive into tutorials and insights on web development, programming, and app building. Empowering developers with practical knowledge and the latest tech trends.