Live reload with Asp.Net 5

Question

In Asp.Net 5 the development is faster because it compiles on save. But I still have to refresh the browser manually.

Is there a live reload option in Visual Studio, or should I use a gulp plugin for that?

score 13 · Accepted Answer · edited Feb 15 '16 at 17:26

13

You can enable BrowserLink and while editing your code hit Ctrl+Alt+Enter to cause the browsers to refresh automatically. Alternatively you can hit the browser link refresh button in the Visual Studio ToolBar.

public void Configure(IApplicationBuilder application)
{
    // Only enable browser link if IHostingEnvironment says it's 
    // running in Development.
    if (this.hostingEnvironment.IsDevelopment())
    {
        // Allow updates to your files in Visual Studio to be shown in 
        // the browser. You can use the Refresh 
        // browser link button in the Visual Studio toolbar or Ctrl+Alt+Enter
        // to refresh the browser.

        application.UseBrowserLink();
    }
    // Omitted...
}

You also need to add the Browser Link NuGet package in your project.json:

"dependencies": {
    "Microsoft.VisualStudio.Web.BrowserLink.Loader": "14.0.0-beta7",
    // Omitted...
}

edited Feb 15 '16 at 17:26

George

2,451
27
37

answered Oct 09 '15 at 09:09

Muhammad Rehan Saeed

35,627
39
202
311

5

That works. Would be even better if that was triggered on save. – roeland Oct 09 '15 at 09:25
2

That's a good idea. Go ahead and suggest it as an improvement in the [ASP.NET GitHub Tooling](https://github.com/aspnet/Tooling) project. – Muhammad Rehan Saeed Oct 09 '15 at 09:32
2

It is also slower than a normal refresh. Not sure why. – roeland Oct 09 '15 at 09:33
1

It's using Signal-R to send a message to the browser using Web Sockets to update itself, so there is a slight overhead on the page. The cool thing is, you can open multiple browsers and watch them all refresh at the same time. – Muhammad Rehan Saeed Oct 09 '15 at 09:35
I added a +1 to the issue. – Muhammad Rehan Saeed Oct 09 '15 at 09:44
Please specify where shall I write the above Configure method. And my project doesn't have a project.json file. What should I do in that case? – priyamtheone May 26 '22 at 15:33

Elisabeth · Answer 2 · 2016-02-21T15:29:12.873

9

context => Mats made a new extension which refreshes automatically after SAVE button. Grag the VS extension from visual studio gallery.

Save your VS changes and the browser is reloaded.

https://visualstudiogallery.msdn.microsoft.com/46eef4d9-045b-4596-bd7f-eee980bb5450

edited Feb 21 '16 at 15:29

answered Feb 20 '16 at 23:15

Elisabeth

20,496
52
200
321

Live reload with Asp.Net 5

2 Answers2

Linked