• Trending Now
  • Foundational Courses
  • Data Science
  • Practice Problem
  • Machine Learning
  • System Design
  • DevOps Tutorial
  • How to Install Power ISO on Windows?
  • How to Install XGBoost in Pycharm?
  • How to Install and Use Vim on DOSBox?
  • How to Add External JAR File to an IntelliJ IDEA Project?
  • How to Install Arch Linux in VirtualBox?
  • How to Install Lazy Script in Kali Linux?
  • How to Install Turbo C++ in Windows?
  • How to Install Filezilla in Ubuntu?
  • How to Install a Bluetooth Module in a Computer?
  • How to Install Flutter App on iOS?
  • How to Install TestNG on Eclispse IDE?
  • How to Download and Install 7-Zip on Windows?
  • How to Download and Install AudioDirector 365 in Windows?
  • How to Install Kali Linux on Windows?
  • How to Install Amazon Prime Video on Windows?
  • How to Install WhatsApp on MacOS?
  • How to Install Ezvid Screen Recorder in Windows?
  • How to Install UIPath Studio Community Edition for Robotics Process Automation?
  • How to Install WinRAR on Windows?

How to Install and Setup Live Server Extensions on Visual Studio code?

Visual Studio Code is one of the most sought-after IDE (Integrated Development Interface) of the current time. It helps the developers to efficiently write, build and test software over a single platform by combining and providing a multilateral set of functions. Visual Studio Code supports various programming languages like C, C++, C#, Java, Python, Javascript, and so on. It increases the productivity of users and submerges multiple sets of operations on a single platform about the broad categories of development including applications, websites, and databases to make programming pretty fun and clear.

Speaking of Extension in Visual Studio Code, there are a lot of supporting extensions and packages per your requirement that help you compile and run your code alongside providing a wide variety of support per your development needs.

Installing Live Server Extension by Ritwick Dey

For developers each time they write code they have to save the file and reload the page manually to see the results, here you can install the live server in Visual Studio Code to use your system as an on-time live server.

Step 1: Open Visual Studio Code and navigate to the sidebar.

navigating-sidebar

Open Visual Studio Code

Step 2: Open the Extension section and search for your extension in the search bar.

searching-extension

Search for Extension

Step 3: For installing the live server, search live server and you will see an extension named Live Server by Ritwick Dey, install it.

installing-live-server

Install Live Server By Ritwick Dey

Steps to Use Live Server Extension

Writing your code, saving it, and then each time reloading it manually and waiting for it to reflect is cumbersome. Bother no more, Live Server will be automating this task for you. Although after installing Live Server, you will see a blue toolbar at the bottom of your Visual Studio Code while writing the code, there will be an option to Go Live, just save your program file and click on Go Live it will redirect to live server.

For instance, consider the demo here:

launching-live-server

This code will output the value 70 that was stored in the variable scoreMaths, however, if the scoreMaths needs to be updated to 75, you have to change var scoreMaths = 75; and save the program file and once you launch the Live Server by clicking on Go Live, all the changes will be automatically reflected on the Live Server without having to reload manually.

Please Login to comment...

  • Installation Guide
  • How to Delete Whatsapp Business Account?
  • Discord vs Zoom: Select The Efficienct One for Virtual Meetings?
  • Otter AI vs Dragon Speech Recognition: Which is the best AI Transcription Tool?
  • Google Messages To Let You Send Multiple Photos
  • 30 OOPs Interview Questions and Answers (2024)

Improve your Coding Skills with Practice

 alt=

What kind of Experience do you want to share?

IMAGES

  1. The 15 Best Safari Extensions of 2021

    live server extension safari

  2. Using Extensions in Safari in iOS 15 and iPadOS 15

    live server extension safari

  3. How to View, Manage, or Remove a Safari Extension

    live server extension safari

  4. How to install extension for Safari

    live server extension safari

  5. VS Code Live Server Extension: How to Auto Reload Your Browser?

    live server extension safari

  6. How to view, remove and add Safari extensions on Mac

    live server extension safari

VIDEO

  1. TextAid Readspeaker Safari Extension

COMMENTS

  1. How to Install and Setup Live Server Extensions on Visual

    Step 1: Open Visual Studio Code and navigate to the sidebar. Unmute. ×. Open Visual Studio Code. Step 2: Open the Extension section and search for your extension in the search bar. Search for Extension. Step 3: For installing the live server, search live server and you will see an extension named Live Server by Ritwick Dey, install it. Install ...