KINGSLEY CHIMEZIE CREATIONS
  • Home
  • About
  • Blog
  • Contact

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

17/8/2020

 

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

Comments are closed.

    blogs by

    Kingsley Chimezie

    Picture

    PayPal.Me

    Archives

    October 2020
    September 2020
    August 2020
    January 2020
    November 2019
    June 2018
    April 2017
    March 2017
    January 2017
    March 2016
    February 2016
    December 2015
    October 2015
    May 2015
    April 2015
    February 2015
    January 2015

    Categories

    All
    Applications
    Dev
    Frp
    Notion
    Phones
    Photoshop
    Samsung
    Smartphones
    Tech
    Tutorials
    Windows OS
    WordPress




    © Kingsley Chimezie
    ​  All Rights Reserved
Powered by Create your own unique website with customizable templates.
  • Home
  • About
  • Blog
  • Contact