How To Auto-Refresh Browser On File Change - Browsersync Tutorial

Steps

First make sure you have the following prerequisites, installed on your machine:
NPM – The Package Manager – this is for installing up Browsersync
VS Code – The Code Editor – For working on your projects code
XAMPP – The Server – For hosting your project, in this case I’m working with PHP
Git Bash – The Command Line Tool – We’ll use this with VS Code terminal

DOWNLOAD LINKS
Node (NPM): https://nodejs.org/en/download/
VSCode: https://code.visualstudio.com/
XAMPP: https://www.apachefriends.org/download.html
Git (Git Bash): https://git-scm.com/downloads

Install Browsersync
Paste this code into the terminal to install Browsersync using NPM:

npm install -g browser-sync

Once Browsersync is installed, now paste my custom bash code into the terminal:

sed -i '/browser-sync/d' ~/.bashrc ; echo "alias live='browser-sync start --proxy '\''localhost'\'' --files '\''**/*'\'''" >> ~/.bashrc ; source ~/.bashrc