Emmet: Two things to make this page easier

[gglazer-dustyrobotics]

Checks

• [x] This is not a duplicate of an existing issue (please have a look through our open issues list to make sure)
• [x] I have thoroughly read and understand The Odin Project Contributing Guide
• [x] Would you like to work on this issue?

Describe your suggestion

There are two items that need clarification.

First, at the top, it should be mentioned that Emmet is a VS Code built-in, not an extension, especially since there are many Emmet add-ons in the extensions marketplace, which is confusing to someone new to Emmet.

Second, I interpreted the instruction to search for Emmet:<action> as a search for the literal including <action> and got nothing. I think it would be better to tell people to look for Emmet: and scroll to the one they want.

Path

Foundations

Lesson Url

https://www.theodinproject.com/lessons/node-path-intermediate-html-and-css-emmet

(Optional) Discord Name

No response

(Optional) Additional Comments

No response

[rlmoser99]

For your first suggestion, I am not sure I understand. Here is the first sentence, which states that it is built-in. Can you write up a draft of what you were thinking to clarify this?

Emmet is a plugin, built into VS Code, that helps you write HTML and CSS more efficiently by providing a bunch of clever shortcuts.

For your second suggestion, I am hesitant to remove Emmet:<action>, because this type of is very common. I would be open to being more explicit, so something like:

After entering the keyboard shortcuts window, you should be able to access all of the Emmet actions. Search for any action, by typing Emmet:. In our case, it will be Emmet:Wrap With Abbreviation

[github-actions[bot]]

This issue is stale because it has had no activity for the last 30 days.

[KevinMulhern]

No Response - closing