Try to use Auto Complete Tag extension on VScode . It combines the functions of Auto Close Tag and Auto Rename Tag.
intellisense - VSCode not auto completing HTML - Stack Overflow
Override autocomplete for html tags
Recommend the best extensions for VS Code. Working with html/css and JS.
auto complete js inside .html file
Videos
Try to use Auto Complete Tag extension on VScode . It combines the functions of Auto Close Tag and Auto Rename Tag.
Go to 'Files > Preferences > Settings ' then select 'HTML' and in 'Content Unformatted' click settings.json link and then paste this code in it
"emmet.triggerExpansionOnTab": true,
"files.associations": {"*html": "html"},
I was experiencing the same problem, then i saw something on my bottom right of vs code.. instead of using HTML, i was using Django-HTML, so i changed the language to html, Boom everything is working fine again.see image
Type the tag name (without starting <) then press Tab
for example type div then press tab and VS will convert it to <div></div>
Or type the opening tag then press Tab twice
for example :
- type
<div - press Tab
- press Tab
it will add the closing tag
Hi all
I love the auto complete for html. So I can type e.g. div hit ENTER and then I get <div></div>
This is great. However often, I only want the opening tag and not the closing tag. I can't figure out a way to do this manually. I've tried typing it out fully <div>, using tab, nothing. As soon as I use the closing > for my open tag it auto completes the next div element.
Is there any way around this without turning off autocomplete all together?
thanks
Just recommend the best extensions for VS Code. Working with html/css and JS. Thanks!
cant seem to get auto complete to work right
if I type document.query and then tab or enter I get
document.querySelector
the behavior that I want is
document.querySelector(*params with cursor selected*)
image example from youtube I see people using vscode in YouTube videos, and their auto complete does exactly as I described.
here are some of this settings I have tried in my settings.json file that have not worked.
"javacript.suggest.useCodeSnippetsOnMethodSuggest": true, "typescript.suggest.useCodeSnippetsOnMethodSuggest": true,
I see these two lines referenced everywhere and they don't seem to do anything. The two lines above aren't even recognized as actual settings and show up grayed out in settings.json.
"javascript.suggest.completeFunctionCalls": true, "typescript.suggest.completeFunctionCalls": true,
The two lines above do nothing, but theses two are at least recognized by vscode as valid settings.
If anyone could help me with this I would really appreciated it. This has been driving me crazy for a while now and I'm not sure where else to look.
here is a gist of my settings.json