ASP.NET Core Razor Tag Helper IntelliSense in Visual Studio 2017

Along with ASP.NET Core, Microsoft introduced Razor Tag Helpers. These Tag Helpers enable HTML friendly development environment with razor code and a useful IntelliSense environment. But, you cannot use the Razor Tag Helper IntelliSense in Visual Studio 2017 right away. For the IntelliSense feature of Tag Helpers, you have to install the Razor Language Service extension. You can download the extension from Visual Studio Market Place. There are a couple of methods to install the Razor Language Service extension. Below are the methods.

Installing Razor Language Service Extension

A. Direct Download Method

In this method, you can download the Razor Language Services directly from the Visual Studio Marketplace website.

  1. Close the visual studio instances if anything is open.
  2. Go to Visual Studio Markatplace website https://marketplace.visualstudio.com/items?itemName=ms-madsk.RazorLanguageServices.
  3. Download the extension by pressing the Download button.
    Razor Tag Helper IntelliSense 01
  4. Double click the downloaded file Microsoft.VisualStudio.RazorExtension.vsix for installing it.
  5. In the VSIX Installer screen, press Install button. The installation will take few seconds to complete.
    Razor Tag Helper IntelliSense 02
  6. Once installed, open visual studio and test the IntelliSense while using Tag Helpers.
    Razor Tag Helper IntelliSense 03

B. Visual Studio Extension & Updates Tool Method

  1. Launch Visual Studio 2017.
  2. From the menu go to Tools > Extension and Updates ….
  3. In the Extension and Updates window, in the left panel, expand Online > Visual Studio Marketplace.
  4. In the search box at the top right corner, enter “Razor Language Service“.
  5. The center panel shows the result. The Razor Language Services will be at the top.
    Razor Tag Helper IntelliSense 04
  6. Press the Download button against Razor Language Services.
  7. The extension will be downloaded and scheduled to be installed once the visual studio is closed. You can see the message at the bottom of the Extension and Updates window.
    Razor Tag Helper IntelliSense 05
  8. Now close all the visual studio instances.
  9. The installation will automatically starts after closing the visual studio instances.
  10. In the VSIX Installer, press the Modify button. The installation will take few seconds to complete.
  11. Once installed, open visual studio and test the IntelliSense while using Tag Helpers.
    Razor Tag Helper IntelliSense 03

Related Article

Reference


Leave your thoughts...

This site uses Akismet to reduce spam. Learn how your comment data is processed.