Setup.md

Setup

The Common Misconceptions

Neither the browser add-on nor the VS Code extension will host a server for: PHP, .NET or NodeJS. It will give you the reloading function, so you do not need to refresh the page every time you save.

In other words. If you just want the reload function when you work with .html files, then you do not need this extension at all.

Need Help? Watch Video Tutorial

Direct Setup_^Easy | Proxy Setup_^Advanced

Direct Setup

1. Install VS Code from Microsoft. ^{(code editor)}
2. Install VS Code Live Server. ^{(extension to code editor)}
3. Install the browser add-on; Chrome or Firefox.
4. Install and run a server on your machine: Servers and Frameworks
5. Enter the neccesary fields (screenshot below)
   1. Actual Server Address: is the address where your server is located and the port.
   2. Live Server Address: is the address where your VS code extension is running.
6. Push the Go Live-button in your editor's statusbar.
7. Visit the Actual Server Address

---

Proxy Setup

1. Install VS Code from Microsoft. ^{(code editor)}
2. Install VS Code Live Server. ^{(extension to code editor)}
3. Install the browser add-on; Chrome or Firefox.
4. Install and run a server on your machine: Servers and Frameworks
5. Enter the neccesary values (code block below)
   1. Proxy Path: is the path to the folder you want proxy from. The path is relative to the workspace.
   2. Actual Server Address: is the address where your server is located and the port.
6. Push the Go Live-button in your editor's statusbar.

.vscode/settings.json

{
    // Mainly for static files
    "liveServer.settings.useWebExt": true,

    // This means that you change your real URL (current PHP url) 
    // to another URL (which Live Sever starts).
    "liveServer.settings.proxy": {
        "enable": true,
        "baseUri": "/",                             //  i. Proxy Path.
        "proxyUri": "http:https://localhost:80/workspace" // ii. Actual Server Address.
    },
}

Note: You need to stay on the new host that will be provided by Live Server.

---

Servers and Frameworks

PHP

• PHP ^{_{just the preprocessor}}
• XAMPP ^{_{cross-platform}}
• MAMP ^_mac
• WAMP ^_windows

NodeJS

• ExpressJS ^{_{cross-platform}}

.Net

• DotNet Core ^{_{cross-platform}}
• IIS ^_windows