Real time CSS updates in Chrome When Editing From Visual Studio

Question

Whenever my colleague makes changes to his .css files in his Visual Studio (2015) chrome automatically detects the change and updates the website styling, it looks very useful.

The same does not happen for me in my Visual Studio (2017) but it did in my initial computer setup (a few win 10 re-installs ago) when I used VS 2015. Is this a disabled feature in 2017, is it anything to do with VS at all? neither of us have any idea why it works in his set up and not mine

I have come across a youtube video of this behaviour: https://www.youtube.com/watch?v=reAw8_FGWpE

Answer 1

I have found it! This is a feature called

"Enable CSS Auto-Sync"

Its part of the "Browser Link" functionality which is shown here:

https://webtooling.visualstudio.com/project-system/browser-link/#css-auto-sync

To make use of it, you have to enable "Browser Link" and I think it only works in the last tab you opened. You can figure out which tab its linked to by hitting the button as a refresh and seeing which tab refreshes :). (You can also open the Browser Link Dashboard to view active connections)