• Stars
    star
    467
  • Rank 90,730 (Top 2 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created about 5 years ago
  • Updated 25 days ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

VsCode Live Server++ : It's Truly Live 😊 (BETA) -- [NOT RELEASED YET]

Vscode Live Server++ (BETA)

It's Truly Live

VSCode Marketplace Total Installs Avarage Rating Travis branch GitHub license


VSCode Live Server++


Features

  • No Need to save HTML, CSS, JS 😄
  • No Browser full reload (for HTML & CSS)
  • Customizable Server Root
  • Customizable Server Port
  • Customizable reloading time
  • Customizable index file (e.g index.html)
  • Auto Browser open (Mozila, Chrome & Edge)
  • Control from statusbar

Downside

  • Live Server++ will work well if your project only contents css & html and minimal JavaScript. If you do lot of DOM Manupulation with JavaScript, Live Server++ is not recommended.

How to Start/Stop Server ?

  1. Open a project and click to Go Live++ from the status bar to turn the server on/off.

  2. Open the Command Pallete by pressing F1 or ctrl+shift+P and type Live Server++: Open Server to start a server or type Live Server++: Close Server to stop a server.


Settings

Click here to read settings Docs.

What's new ?

  • v0.0.1 (##DATE##)

    • Initial release
    • hot Reload supported
    • No need to save
    • 5 settings are added (Port, Root, indexFile, timeout, browser)

Changelog

To check full changelog click here.


Why Live Server++ when there is a Live Server ?

Actually, I was receiving a lot of emails, PR, comments (and also there was few issue request, e.g. #12080) - why auto reload only happens when we save the file? - why it's not realtime?... blah blah....

Well, in Live Server Extension, I'm using a popular npm module (named live-server) and it's the core library of Live Server. (yaa! too many "Live Server" 😜). In the way it's working - it never possible auto reload without saving the file.

And yaa, to be honest, when I made (in mid of 2017) the live server extension, I didn't know Node.js or JavaScript well (Hold on! I still don't know Node.js but I'm now confident). I even didn't know promise/callback well. I understood the callback (& callback hell too) while making the extension. And Promise? Only I knew how to use it like .then().then().then() and IIFE? or closure? - I didn't even hear about those names at that time. 😬

Okay, now coming to the point, Code of the Live Server can't be migrated with Live Server++. Live Server++ is not depended on live-server(the npm module) - I've written the server side code from scratch & it has minimal dependency (still under development).


LICENSE

This extension is licensed under the MIT License

More Repositories

1

vscode-live-server

Launch a development local Server with live reload feature for static & dynamic pages.
TypeScript
5,458
star
2

live-server-web-extension

It makes your existing server live. This is a browser extension that helps you to live reload feature for dynamic content (PHP, Node.js, ASP.NET -- Whatever, it doesn't matter)
JavaScript
771
star
3

vscode-live-sass-compiler

Compile Sass or Scss file to CSS at realtime with live browser reload feature.
TypeScript
659
star
4

ritwickdey.github.io

(outdated) This is my portfolio website (SPA), developed with Angular 💘 💖 💘 💖
TypeScript
98
star
5

Cake-Shop

A sample Cake Shop Website built with ASP.NET Core (Multi-Page Application)
C#
60
star
6

organic-shop

A shopping site building with Angular 4 and Firebase.
TypeScript
55
star
7

social-network-mean-stack

A chatting web app using MEAN Stack (Node.js, Angular 4, Express.js & MongoDB)
TypeScript
35
star
8

vscode-create-file-folder

A small vscode extension that help you to create files & folder in Atom Style.
TypeScript
34
star
9

doraemon-pure-css

Doraemon (the cartoon character) is designed with only CSS & HTML
CSS
33
star
10

social-diary

A simple story app where people can share their story. Made with React & Redux
JavaScript
19
star
11

react-jsx-templating

A very simple React library for templating syntax in JSX, inspired by Angular (e.g. *ngIf ) :)
JavaScript
19
star
12

WeMate

A simple zero level chat website made with ASP.NET Form and SQL Server as Backend service.
ASP
14
star
13

my-react-router

Minimal version of React Router | Just for learning purpose
JavaScript
13
star
14

simple-bike-shopping-site

A Sample basic HTML Template for front page of a Bike company
HTML
12
star
15

covid-19-india-react

COVID-19 India (React.js/Frontend) | Refined stats from COVID-19 Official Website
JavaScript
11
star
16

malloc-impl-demo

Minimal implementation of malloc and free for demo purposes.
C
10
star
17

covid-19-india-golang

COVID-19 India (Golang/Backend) | Refined stats from COVID-19 Official Website
Go
9
star
18

face-detector-chrome-api

Face Detection using Chrome API
JavaScript
9
star
19

querydecoder

Go Package to populate struct from optional query parameters using 'query' tag
Go
8
star
20

sample-login-signup-form

A sample Login/Signup form made with angular 5.
TypeScript
7
star
21

react-sample-dashboard

A sample dashboard using react.
JavaScript
6
star
22

Sale-It

A Simple Vehicle Dealer App built with ASP.NET Core + Angular 4
C#
6
star
23

expensify-app

An Expense Manager. This app is built with React with Redux architecture.
JavaScript
5
star
24

indecision-app

My First React App => Your Computer's Choice
JavaScript
3
star
25

LargeNumberFactorialUsingC

Factorial of large numbers using C
C
3
star
26

bgi-tech-fest-2k18

Web Page for Tech Fest of Our College. Maintaining by @prithweedas & @ritwickdey
HTML
3
star
27

HomeAwesome

A FireFox & Chrome extension that will replace your home screen (New Tab) of your browser with beautiful clocks & design.
JavaScript
2
star
28

rust-basic-examples

these are some basic examples or rust language
Rust
1
star
29

track-death-js-code

JavaScript
1
star
30

sample-css-flex-grid

sample css flexbox grid
HTML
1
star