How do I get my Angular text Colorized in Visual Studio 2022?

Issue

This is a strange issue, but likely an easy one for someone who has done it before.

I just installed Visual Studio 2022. Opening a file, I immediately noticed that my Angular code is no longer purple on my .cshtml pages.

This was super helpful in Visual Studio 2019.

Here's what it used to look like in VS 2019...

And here's what it looks like in VS 2022...

I have ReSharper, but it's installed in both and I'm not even sure that's where this is coming from.

I'm fairly certain I installed all the same (or similar) extensions, but still can't figure out what is doing this.

I'd love to have my purple code colors back!

Any help, greatly appreciated!

Solution

This is a product regression, there's a feedback item open here.

The longer story is that it's related to the new Razor editor in VS2022. The legacy editor would highlight these somewhat blindly, because they do slightly different things in different front-end frameworks, but the syntax was largely consistent. The new editor doesn't (yet) do that.

Until the issue is fixed, you can change back to the legacy editor following the instructions here but you'll miss out on any new features being added for Razor development.

Answered By - Jimmy