Skip to main content

Live Server Extension in Visual Studio Code - Best Practices and Setup - #22


Like what you see, support the channel.

Published: July 06, 2020


Estimated Reading Time
2 minutes
Video Duration
13:40 minutes

Become a Patreon to show support and get exclusive access to content: https://www.patreon.com/devdrawer

If you need a quick way to develop code without saving and refreshing constantly, install the Live Server extension in the VS Code Marketplace. It is free and helps create a local development server with live reloading.

This extension works wonders with speeding up your development process and I use it every day. Forget saving and reloading the page after every change...install this extension, set it up, and forget it. Live Server makes your life easier and it's free.

0:00 Intro

01:10 Install Live Server Extension

02:50 Create A Live Website

03:48 Setup Autosave in VS Code

04:17 First Test

04:52 Adding Bootstrap

07:38 Turn Off Live Server

10:42 View for Mobile

12:08 Upcoming - Python and SammyJS

Applications Used

Visual Studio Code v1.43: https://code.visualstudio.com/

Live Server Extension v5.6.1: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Computer Hardware:

Windows 10 Pro: https://amzn.to/3q5TyZw (Amazon)

Samsung 500GB External SSD: https://amzn.to/2ViAAAF (Amazon)

Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: https://amzn.to/36jDwDy (Amazon)

Rosewill Hive-750S R750W PSU: https://amzn.to/36jiDbs (Amazon)

Phanteks Eclipse Tempered Glass Case: https://amzn.to/39qou0B (Amazon)

MSI Arsenal Gaming AMD Ryzen Motherboard: https://amzn.to/36hpAKm (Amazon)

MSI Gaming GeForce RTX 2060 Super 8GB: https://amzn.to/36hMyRm (Amazon)

LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: https://amzn.to/2HSRxyI (Amazon)

Corsair 64GB (4 x 16GB) DDR4 Memory: https://amzn.to/3mlmQkI (Amazon)

AMD Ryzen 7 2700X Processor: https://amzn.to/3qdQIBF (Amazon)

Dell XPS 15 9500 15.6" Laptop / Windows: https://amzn.to/3fKEz2w (Amazon)

Lenovo ThinkPad T15 15.6" Laptop / Linux: https://amzn.to/2Jnmn33 (Amazon)

Camera:

Fujifilm X-T3: https://amzn.to/3llKBb5 (Amazon)

Fujinon XF18-55mmF2.8-4: https://amzn.to/3mfTkNb (Amazon)

Audio:

Audio Technica AT2020: https://amzn.to/2VgxU6K (Amazon)

Blue Snowball iCE: https://amzn.to/3lo1jGC (Amazon)

DISCLAIMERS:

I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.