Live Server Extension of Visual Studio Code
The learning journey of Web Development includes plenty of stages such as tools, terms, programming languages, deployment issues, and so on. Where I want to focus now is a must-install extension of Visual Studio Code which we come across at the very beginning of the process.
Live server is almost one of the most actively used Vscode extensions. You can view the project you have done on Vscode instantly in the browser using only the live server extension and thus you can make changes instantly.
I naturally installed this extension at the very beginning of the learning process and there was no extra action that I had to do during the installation process. But I couldn’t get it to work. I tried other ways to view the project instant in the browser or had to do things manually, but this was a very time-consuming and inefficient way.
Therefore, I watched several videos from channels such as freeCodeCamp, researched similar problems from StackOverflow, and tried possible solutions in my own extension. But none of them helped and the problem I had was still there. I guess this problem continued for a week after that, I made a small change in the extension’s settings file that I caught on a question from StackOverflow. As a result of this change, the annoying problem has disappeared.
I thought sharing this might be helpful for those who haven’t found a solution to similar extension issues. Especially for those who are at the beginning of this process, such problems can sometimes seem huge to the eye. But with research, patience, and trial-error, you can overcome it.
The change I made in the live server settings I mentioned above was the solution. The route is Extensions → Live Server → Manage → Live Server Settings: Https then change value of enable as a false.
I hope it’ll be a solution for you too.
You can also find the question I opened on StackOverflow here.
