LiveServer
🌍️ Launch a Development Server directly from Sublime Text
Details
Installs
- Total 60K
- Win 46K
- Mac 5K
- Linux 9K
Jan 31 | Jan 30 | Jan 29 | Jan 28 | Jan 27 | Jan 26 | Jan 25 | Jan 24 | Jan 23 | Jan 22 | Jan 21 | Jan 20 | Jan 19 | Jan 18 | Jan 17 | Jan 16 | Jan 15 | Jan 14 | Jan 13 | Jan 12 | Jan 11 | Jan 10 | Jan 9 | Jan 8 | Jan 7 | Jan 6 | Jan 5 | Jan 4 | Jan 3 | Jan 2 | Jan 1 | Dec 31 | Dec 30 | Dec 29 | Dec 28 | Dec 27 | Dec 26 | Dec 25 | Dec 24 | Dec 23 | Dec 22 | Dec 21 | Dec 20 | Dec 19 | Dec 18 | Dec 17 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 1 | 14 | 12 | 9 | 9 | 7 | 12 | 10 | 16 | 12 | 15 | 22 | 12 | 6 | 12 | 11 | 10 | 16 | 11 | 9 | 12 | 10 | 8 | 7 | 13 | 3 | 8 | 7 | 10 | 6 | 8 | 10 | 21 | 11 | 12 | 13 | 8 | 8 | 14 | 8 | 11 | 9 | 10 | 13 | 10 | 7 |
Mac | 0 | 4 | 0 | 3 | 5 | 2 | 2 | 3 | 4 | 2 | 3 | 1 | 2 | 1 | 3 | 2 | 5 | 1 | 4 | 2 | 1 | 0 | 0 | 2 | 4 | 3 | 4 | 1 | 3 | 1 | 2 | 1 | 2 | 1 | 1 | 3 | 1 | 3 | 4 | 2 | 2 | 3 | 2 | 2 | 3 | 2 |
Linux | 0 | 2 | 2 | 3 | 4 | 4 | 0 | 5 | 2 | 2 | 2 | 1 | 2 | 5 | 2 | 2 | 1 | 2 | 5 | 1 | 5 | 6 | 3 | 4 | 5 | 2 | 3 | 4 | 4 | 6 | 0 | 1 | 5 | 7 | 4 | 2 | 0 | 4 | 7 | 3 | 3 | 4 | 5 | 4 | 0 | 9 |
Readme
- Source
- raw.githubusercontent.com
Launch a Development Server directly from Sublime Text!
📋 Introduction
This package integrates the Live Server Node package, giving the ability to launch a local development server to serve content directly from Sublime Text.
💡 About Live Server:
Live Server is Node.js tool that spins up a local development server in the given directory.
It features live browser reloading, which simply means that your browser will automatically refresh the page when any change is made to your HTML & CSS files.
Useful for static sites, SPAs, and general HTML/CSS fiddling.
❗Prerequisites
You need the following software installed to use Live Server.
Node.js
npm
orYarn
Live Server
installed globally
To install Live Server globally using npm
, run:
npm install -g live-server
To install Live Server globally using Yarn
, run:
yarn global add live-server
🌀 Installation
Package Control
This package is available in Package Control under the name LiveServer.
As a Repository
- Bring up the Command Palette (Ctrl + Shift + p)
- Select
Package Control: Add Repository
- Paste https://github.com/molnarmark/sublime-live-server
- Press Enter
- For Windows machine, you need to change the package's config settings, check below 🔨 Settings
❓ Usage
This package exposes 3 commands that can be used directly via the Command Palette, or bound to keys. These are:
Live Server: Start
- Maps to
live_server_start
Live Server: Stop
- Maps to
live_server_stop
Live Server: Open In Browser
- Maps to
live_server_open_in_browser
Status bar messages with indicator emojis are implemented into the package, displaying information in cases such as:
- 🎉 Live Server running
- ❌ Live Server stopped
- ✔️ Live Server status
When the development server is running, a status message will be shown in the status bar indicating that the server is running. This is shared across all views in the opened instance.
🔨 Settings
To change your settings, bring up the Command Palette and select: Preferences: Live Server Settings
The default settings for linux are the following:
// Note: These are just mappings to https://github.com/tapio/live-server#usage-from-command-line
{
"node_executable_path": "/usr/bin/node",
"global_node_modules_path": "/usr/local/lib/node_modules",
"port": 8080,
"address": "localhost",
"cors": true,
"browser": "default",
"nobrowser": false,
"wait": 100
}
node_executable_path
- Path to the Node runtime executable. You can run
whereis node
in your terminal to find this.- In Windows Command Prompt, run
where node
- In Windows Command Prompt, run
- #####
default value: /usr/bin/node
global_node_modules_path
- Path to the default node_modules directory. You can run
npm root -g
** or **yarn global bin
in your terminal to find this. - #####
default value: /usr/local/lib/node_modules
port
- The default port for the server.
- #####
default: 8080
address
- Host address. This should always be either localhost or 127.0.0.1.
- #####
default: localhost
cors
- Enables CORS for any origin.
- #####
default: true
browser
- Specifies which browser to use.
Valid values are:
default
google-chrome
firefox
default: default
nobrowser
- By setting this to true, the browser will not open the server by default
- #####
default: false
wait
- Wait this amount of milliseconds before reloading the page after a change
- #####
default: 100
🔖 Credits
- This package wouldn't exist without the amazing
Node
package also called Live Server by Tapio Vierros.