Atom Live Server

admin



Live Server loves 💘 your multi-root workspace

How

Live Server for server side pages like PHP. Check Here

LiveReload for Atom An Atom package enables you to control built-in LiveReload server. LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed. Forked from jas-chen/atom-live-server. Launch a simple development http server with live reload capability. This package is based on awesome Live Server project.

[For ‘command not found error’ #78]

Livereload - Atom


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

Atom live server not working

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.]

Atom Live Server

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

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

  3. Open a HTML file and Right click on the editor and choose the options.

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

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

Features

  • A Quick Development Live Server with live browser reload.
  • Start or Stop 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
  • Multi-root workspace supported.
  • 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.

Atom

Settings

All settings are now listed here Settings Docs.

FAQs

How To Install Atom Live Server Package And Use || Atom Text Editor - Live Server Package & Use.

All FAQs are now listed here FAQ Docs

What’s new ?

  • Version 5.0.0 (15.06.18)

    • [New] One of the most requested feature is here. Live Server loves 💘 your multi-root workspace. Yes, Live Server is now supports vscode multi-root workspace. [#151]

    • [Dropped] Previously, Live Server was supported for no workspace (just a single html file is opened). This feature is removed. (In case, you’re missing this feature, open an issue request. We love your feedback)

    • [New] New Command is added to change entry point of workspace. ctrl+shift+p and type Live Server: Change Live Server workspace to change workspace path. Tips: You don’t need to use the command, Live Server is smart enough, it’ll eigher ask what you want or automatically set the correct workspace if you right click on a HTML file to start the server

Changelog

Atom

To check full changelog click here.

Special Thanks To Maintainers

Atom Live Server Download

A special thanks to Max Schmitt & Joydip Roy for contributing their valueable times on this project.

LICENSE

Atom Live Server Not Working Mac

This extension is licensed under the MIT License