Giter Club home page Giter Club logo

vscode-live-server's Introduction

[[I'm sorry! I can't maintain the repo as I'm so busy now days for exams! I need 2-3 maintainers . If you want to help me to maintain this repo && if you know how to debug, you're welcome - contact with me [email protected]]]

Live Server

Boom! Big Announcement! Live Server is now supported for dynamic pages like PHP. Check Here for more details.

[If you're facing 'command not found error', please follow the steps #78]

VSCode Marketplace Total Installs Avarage Rating
Travis branch Appveyor branch GitHub license

Launch a development local Server with live reload feature for static & dynamic pages.

Live Server Demo VSCode

Shortcuts to Start/Stop Server

[NOTE: In case if you don't have any .html or .htm file in your workspace then you have to follow method no 4 & 5 to start server.]

  1. Open a project and directly click to Go Live from StatusBar to turn on/off the server. Go Live Control Preview

  2. Right click on a HTML file from Explorer Window & click to Open with Live Server. Explorer Window Control.

  3. Open a HTML file and Right click on the editor and choose the options. Edit Menu Option Preview

  4. Hit (alt+L, O) to Open the Server and (alt+L, C) to close the server (You can change the shortcut form keybinding). [On MAC, cmd+L, O and cmd+L, C]

  5. Press F1 or ctrl+shift+P and type Live Server: Open With Live Server to start a server or type Live Server: Close Live Server to stop a server.

Features

  • A Quick Development Live Server with live browser reload.
  • Start or close server by a single click from status bar.
  • Open a HTML file to browser from Explorer menu.[Quick Gif Demo].
  • Support for excluding files for change detection.
  • Hot Key control.
  • Customizable Port Number, Server Root, default browser.
  • Support for any browser (Eg: Firefox Nightly) using advance Command Line.
  • Support for Chrome Debugging Attachment (More Info). [Quick Gif Demo].
  • Remote Connect through WLAN (E.g.: Connect with mobile) [Need Help? See FAQ Section]
  • Use preferable host name (localhost or 127.0.0.1).
  • Customizable Supporting Tag for Live Reload feature. (Default is Body or head)
  • SVG Support
  • https Support.
  • Support for proxy.
  • CORS Enabled
  • Support for any file even dynamic pages through Live Server Web Extension.

Installation

Open VSCode Editor and Press ctrl+P, type ext install ritwickdey.liveserver.

Settings

All settings are now listed here Settings Docs.

FAQs

All FAQs are now listed here FAQ Docs

What's new ?

  • Version 3.2.1 (17.02.18)

    • Re-deployed to vscode marketplace. For some reason few users are facing command 'extension.liveServer.goOnline' not found error.

      (Still the reason of the error is unknown to me.)

    • Docs Updated

Changelog

To check full changelog click here.

LICENSE

This extension is licensed under the MIT License

vscode-live-server's People

Contributors

adamlombard avatar arshadhasan avatar artempunkrocker avatar cobola avatar deadbaed avatar jawn avatar magicds avatar mxschmitt avatar ritwickdey avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.