๐Ÿ”ต VSCode: Emmet ๐Ÿ”ต

Thread By @MrConerMurphy

๐Ÿ”ต VSCode: Emmet ๐Ÿ”ต

Emmet is a great tool that comes integrated withVSCode that allows you to write HTML more efficiently and speed up your coding.

Here are 3 Emmet shortcuts I use to make me a more efficient developer.

Let's check them out. ๐Ÿงต ๐Ÿ‘‡ 1/7

function _extends() { _extends = Object.assign ||

11/05/2021 18:10

1๏ธโƒฃ Making Child Elements

Ever had to make a big chain of nested HTML elements? Found it can take some time to do it?

Now, you can do it one line with the aid of (>) in Emmet.

2/7

function _extends() { _extends = Object.assign ||

11/05/2021 18:10

2๏ธโƒฃ Making Multiple Elements

Making multiple elements can be a time-consuming pain.

Not with Emmet, with Emmet, it's as simple as adding an asterisk (*) followed by the amount you require.

Hit tab and boom you have your elements.

3/7

function _extends() { _extends = Object.assign ||

11/05/2021 18:10

3๏ธโƒฃ Adding Classes

What about adding classes to elements? It takes time up adding .class or .className to every element as you go.

Now with the use of (.), you can add all classes to the elements on creation.

4/7

function _extends() { _extends = Object.assign ||

11/05/2021 18:10

โญ Combining them together

The ultimate tip? You can chain all of these commands into one, creating nested multiple elements with class names for you.

Now that's cool. ๐Ÿ˜Ž

5/7

function _extends() { _extends = Object.assign ||

11/05/2021 18:10

Emmet makes writing HTML a dream & removes a lot of the time-consuming parts. I couldn't imagine working without it.

If you're interested in reading more or setting up the tab key to auto-expand your Emmet shortcuts, check out the link below.

๐Ÿ”—

6/7

๐Ÿ”— Links in this Tweet:

11/05/2021 18:10

Thank you for reading ๐Ÿ™

I hope you found this thread helpful, if you did please consider:

โค๏ธ Liking this thread ๐Ÿ”„ Retweeting the first tweet in this thread so others can see it. ๐Ÿ‘ค Following me for more content like this.

7/7

11/05/2021 18:10

Email Newsletter

Want to get weekly notifications of my posts and more exclusive content?

Please consider signing up to my email newsletter.