Customize your Emmet Snippets in VSCode 

Glad I could help you.

They definitely seem to be recommending the videos less

@@SteveGriffith-Prof3ssorSt3v3 Even I am a bit hopeless with the promotion data. But I have full trust in RU-vid. It could be so that people have mastered how to fool it. Windows also sells crazier than Mac 🥸

The X-UA-Compatible meta tag is useful if your website needs to support Internet Explorer. The only difference between the two ways of adding the font are that a link tag is loaded from the HTML page on the initial load. The @import has to wait for the CSS file to be downloaded before the font is requested. After the initial load there is no difference.

The dot is tied to CSS classes. # is tied to ids. No way to change that.

@MrBrN197 My question was if we could make that nav*x dynamic in snippets, because in his example he makes 2 almost identical snippets, the only difference being number of nav elements you get.

Not that I am aware of.

Not that I know of. There are also VSCode snippets that you can create and use too though

It's possible another installed extension is interfering with the keyboard shortcuts. You can try disabling other extensions and restarting VSCode to see if that fixes it.

@@SteveGriffith-Prof3ssorSt3v3 Thanks very much. Will do.

You can write or omit the closing slash in your snippet. However, the formatting that is being done by VSCode and your extensions like Prettier, to your code after it is added to the page, will decide whether or not the slash remains.

Use this reference to create your own snippets for JS - code.visualstudio.com/docs/editor/userdefinedsnippets#_snippet%E2%80%90syntax

Sorry. I don't have time to help people solve individual problems.

@@SteveGriffith-Prof3ssorSt3v3 that's fine.

IF there is a typo in the code or if you have not restarted then the abbreviation will not show up.

@@SteveGriffith-Prof3ssorSt3v3 Thank you, I'm using VScode for Windows. If my emmet json filepath is D:\vscode-setting\snippets.json my vscode setting.json include "emmet.extensionsPath": ["D:\\vscode-setting\\"], It WILL work. 🥳 But if my vscode setting.json include: "emmet.extensionsPath": ["D:\\vscode-setting\\snippets.json"], After change the folder path into file path, it doesn't work anymore. Also if I rename my emmet json file, let's say now my emmet json filepath is D:\vscode-setting ewname.json. And vscode setting.json include: "emmet.extensionsPath": ["D:\\vscode-setting\\"], it doesn't work. 🤔So, what should I do if I want to rename my snippets.json to some other name?

nevermind just add to settings.json: "emmet.syntaxProfiles": { "jsx": { "markup.attributes": { "class*": "className", }, "markup.valuePrefix": { "class*": "styles" } } } and with 2 dots emmet will work the way I want div..main =>