Now, that's it for EJS and templates,
a major step forward.
One problem we have here at the moment,
or one area of improvement,
is that the EJS syntax isn't really understood by visuals
to do code.
To avoid that
and make our life as a developer a bit easier,
we can look for a separate extension
that might help us with that,
by going to Extensions here.
Here if you search for EJS,
you find extensions that help you with the EJS language.
And here we got this
EJS language extension by Digital brainstem.
If we install this extension here,
we should get better EJS support in our code.
Back in the restaurants EJS file.
I now do, for example, see this syntax highlighting,
or at least it's not red anymore, and include, for example,
is highlighted, and our keywords are highlighted as well.
If I start typing here,
I also get some auto completion now,
and I see the different EJS tags I can use.
For example, the equal sign tag,
and it adds a closing tag automatically for me then.
I also get other completion, for example,
for the for keyword and so on.
So that's now a nicer experience than it was before.
Now one thing that won't work too well
is this auto formatting.
Unfortunately, if I press that shortcut,
things don't get formatted ideally, as you can tell,
because Prettier, the extension we use for auto formatting,
unfortunately, doesn't talk EJS at this point.
So, I'll refrain from using
the auto formatting shortcut like this here,
and instead I'll try to format the code manually.
It's just something worth noting.
It's a downside you have here,
but of course, the huge advantage of using EJS,
is that we can now generates dynamic content
and that we can now also split our HTML files
into multiple files.
And still, that's super important.
Serve one finished HTML document to the browser in the end.