VS Code/Chrome Issue

1

I’ve added some extensions to VS Code for javascript and php and debugging. I don’t know if they caused the issue but they are the only changes I can recall.

It used to be that I could make changes in VS code to my HTML then, when I looked at how Chrome was displaying it, the changes showed immediately. Now, after changing the HTML, Chrome does not show those changes. In fact, even hitting the refresh button doesn’t cause Chrome to show the changes. The only way I can see them is to go back into VS Code and choose to View in Live Server.

My guess is that there is an option in either VS Code or Chrome that I’ve stepped on. Can anyone suggest where I might look? . . . what I need to do to make Chrome show changes made in HTML as soon as they’re made?

2

Are you using a Live Server plugin with Visual Studio Code and hitting the button/running the command to make the server go live?

1 Like
3

I installed the extension Live Server by Ritwick Dey. I invoke it by right clicking in the main code window then choosing Open in Live Server to invoke it.

4

Another anomaly has cropped up in VS Code that I don’t understand. The DELETE key no longer works. It works in every other application but not in VS Code.

When this sort of thing has happened with other apps in the past, my approach has been to uninstall the errant app and install a freshly downloaded copy. Because I don’t know how VS Code works, I’ve inferred that a simple uninstall might not get all the components removed.

I want to fix this and return to the keyboard working correctly and the invocation of Live Server to work like it once did, ie, when I change something in my code, it’s immediately reflected in the Live Server window.

Can anyone suggest a strategy?

5

I uninstalled VS Code. If it left vestigial traces, I couldn’t find them despite looking at the program code folders. I then downloaded and installed it again.

I still have the same issues: 1) Live Server doesn’t seem to work (changes in HTML or CSS don’t affect the Live Server windows tab even if the tab is refreshed; to see changes I have to right click and choose Open in Live Server to see changes); 2) The delete key doesn’t work.

6

the Live Server should show changes when the file is changed, does your file save automatically or do you need to save manually?

1 Like
7

Thanks for the response.

My files in VS Code do not save automatically. I have to save them manually. Is there an option to change that?

8

in the settings of VSCode you can set when it saves, there are different options

1 Like
9

Thank you, again, ILM!!

Not saving VSC files automatically was the problem. I found and changed the setting to save automatically on window change. Now the browser and VS Code interact as I wantthem to with changes to code in VSC being reflected in the browser display when I change windows.