Live Coding

Sublime Live Coding

Using Browser Sync Plugin

Many of you were asking me how I do live coding on my youtube channel.
So here is the Step-by-Step Tutorial.

Open Command Palette

Windows:Press Ctrl+Shift+P
Mac:Cmd+Shift+P

Install Package

Search for "Package Control:Install Package".
Click on it.

Install browser sync

Now You will be seeing a list of available plugins.
Search for "Browser Sync" Click on it to Install.

Save You code.

Now on the bottom left part you can see the installation process. Wait for it install. Once you finish installing,you will see a Browser Sync Option on Menu bar. Write your HTML code and save it.

Restart Sublime

Once you are done saving your code,Restart Sublime. Click on the broswer sync option menu bar. Now You Click on Start file and Select your html file. Click Launch. Your file will now open in browser.This might take a few seconds.

Almost Done

Now everytime you make some changes and save the code,you can see the changes live on the browser. No more reloading the browser everytime you make some changes.

My Youtube Channel

🔵️Live Coding Tutorial️🔵