Insider vs code

[binodship]

Visual studio online url.
"Live Server" isn't a piece of code you write yourself, but rather a very popular and useful extension for the Visual Studio Code (VS Code) editor. It essentially creates a local development server that automatically reloads your web pages in the browser whenever you save changes to your HTML, CSS, or JavaScript files.
Here's how to get and use Live Server:

1. Install Visual Studio Code (if you haven't already):

• Go to the official website: https://code.visualstudio.com/
• Download and install it for your operating system.

2. Install the Live Server Extension in VS Code:

• Open Visual Studio Code.
• Click on the Extensions icon in the Activity Bar on the side (it looks like four squares). Alternatively, press Ctrl+Shift+X (Windows/Linux) or Cmd+Shift+X (Mac).
• In the search bar, type "Live Server".
• You'll see an extension by Ritwick Dey. Click the Install button.
• Once the installation is complete, you might need to reload VS Code.

3. Open Your Web Project:

• Open the folder containing your HTML, CSS, and JavaScript files in VS Code by going to File > Open Folder...

4. Start the Live Server:
   There are several ways to start the Live Server:

• Right-click on an HTML file: Open any .html file in your project in the VS Code editor. Right-click anywhere in the editor and select "Open with Live Server".
• Click the "Go Live" button: Once Live Server is installed, a "Go Live" button will appear in the status bar at the bottom-right corner of the VS Code window. Click this button to start the server.
• From the Command Palette: Press F1 or Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (Mac) to open the Command Palette. Type "Live Server: Open with Live Server" and press Enter.

5. Your Project in the Browser:

• After starting Live Server, your default web browser will automatically open, displaying your HTML file. The URL will typically be something like http://127.0.0.1:5500/ or http://localhost:5500/. The port number (in this case, 5500) might be different.

6. Automatic Reloading:

• Now, whenever you make changes to any of your project files (HTML, CSS, JavaScript) and save them, the Live Server will automatically detect these changes and refresh the page in your browser. This makes the development process much faster and more efficient as you can see your updates in real-time.

7. Stop the Live Server:
   You can stop the Live Server in a few ways:

• Click the "Go Live" button in the status bar again (it will change to "Go Offline").
• Right-click the Live Server tab in your browser (if it has one) and select "Stop Live Server".
• From the Command Palette: Press F1 or Ctrl+Shift+P (or Cmd+Shift+P on Mac), type "Live Server: Stop Live Server", and press Enter.
  In summary, Live Server is an extension for VS Code that provides a development web server with live browser reload functionality. You don't write the code for Live Server itself; you install the extension within VS Code and then use its features to serve your web projects and see changes instantly.