VS Code Now Supports Blazor Development -- Visual Studio Magazine

VS Code Now Supports Blazor Development

By David Ramel
04/23/2019

Visual Studio Code now does Blazor development thanks to updated Razor tooling support in a C# extension.

Razor and Blazor are related as they're both part of ASP.NET Core, the Web-centric component of the .NET Core initiative that serves as a cross-platform, open source alternative to the ageing, Windows-only .NET Framework.

Razor is a syntax for combining HTML markup with C# code, according to Microsoft documentation, said to boost productivity while allowing developers to switch between markup and C# in the same file while enjoying IntelliSense support such as auto-completion.

Blazor is a Microsoft project that just graduated from the experimental stage with a way to leverage WebAssembly -- which is still experimental -- in order to do client-side and server-side Web development with C#.

Preview support for both of these is included in the C# for Visual Studio Code extension available in the Visual Studio Code Marketplace.

Last week, Microsoft announced an update to the extension that boosts Razor tooling support with improved diagnostics and tag helper support, along with giving developers auto-completion for components and component parameters, data binding, event handlers and more.

The improved Razor diagnostics, meanwhile, include pointing out errors concerning: floating @ characters; missing end braces; and missing end tags in code blocks.

The other main enhancement to Razor tooling support is auto-completion for tag helpers, along with tag helper attribute names and values.

Microsoft said the improved Razor tooling support for VS Code should be considered an alpha release, with known issues including:

Razor editing is currently only supported in ASP.NET Core and Blazor projects (no support for ASP.NET projects)
Limited support for colorization

More information about Razor tooling support in the VS Code C# extension can be found on the Razor.VSCode GitHub site. The C# extension is available in the VS Code Marketplace (more than 4 million installations), with source code available on GitHub in the C# for Visual Studio Code (powered by OmniSharp) project.

See this post for more information, including the prerequisite installations required to preview Razor support in VS Code -- along with those needed to work with Blazor -- in addition to feedback guidance and more.

About the Author

David Ramel is an editor and writer at Converge 360.

Printable Format

comments powered by Disqus

Featured

Visual Studio Devs Demand Claude 3.5 Sonnet AI: 'Why Is VSC Always Preferred?'

The brand-new Visual Studio 2022 v17.12 lets devs specify the AI model they want to use with the baked-in GitHub Copilot, but some are clamoring for more options, such as the latest/greatest Claude 3.5 Sonnet model from Anthropic that is available in VS Code.
SQL Database in Microsoft Fabric in Preview for Faster AI Apps

Microsoft's early embrace of advanced AI in its dev tooling continues apace with the new public preview of SQL database in Microsoft Fabric, the company's analytics/data platform.
Microsoft Seeks to Sort & Simplify its Agentic AI Dev Story

The company will infuse multi-agent runtime tech developed in its AutoGen research project into its production-ready Semantic Kernel SDK, both open source.
Uno Platform Unveils 'Hot Design' Tool for Cross-Platform .NET Apps

Uno Platform provided a new take on visual designers for .NET app development, claiming a breakthrough that changes code at runtime rather than the design stage.
Simple k-NN Regression Using C#

Dr. James McCaffrey from Microsoft Research presents a complete end-to-end demonstration of k-nearest neighbors regression to predict a single numeric value. Compared to other machine learning regression techniques, k-NN regression is often slightly less accurate, but is very simple to implement and customize, and the results are highly interpretable.