One of the options is you include a specific configuration in your file settings.json
. There are two ways you can do this.
Accessing the VS CODE "Preferences" screen
To access VS Code preferences, you must use the shortcut CTRL+, (in my OS is this shortcut, it may vary in others). You can also use the menu: File > Preferences > Settings.
When opening the configuration screen, you need to type "files.Associations" and add a value in "Item" and "Value". The values are respectively, *.tpl
and html
, as shown in the image:

Editing the settings.json
directly
If you prefer to edit the file settings.json
, you must click on the icon acíma, located on the right, called "Open Settings (json)".

Then add the line:
"files.associations": {
"*.tpl": "html"
},
Upshot
After doing so, by typing any code into a file .tpl
, you will get an autocomplete as follows:

Related: https://answall.com/questions/456897/vs-code-n%C3%A3o-autocomplete-tags-html-ou-css-em-uma-Blade-Laravel
– Wallace Maxters
Related: https://answall.com/questions/287219/howto use shortcuts-do-bootstrap-no-vscode-em-arquivos-blade?rq=1
– Wallace Maxters