LiveReload
LiveReload plugin for SublimeText
Details
Installs
- Total 715K
- Win 517K
- Mac 121K
- Linux 77K
May 30 | May 29 | May 28 | May 27 | May 26 | May 25 | May 24 | May 23 | May 22 | May 21 | May 20 | May 19 | May 18 | May 17 | May 16 | May 15 | May 14 | May 13 | May 12 | May 11 | May 10 | May 9 | May 8 | May 7 | May 6 | May 5 | May 4 | May 3 | May 2 | May 1 | Apr 30 | Apr 29 | Apr 28 | Apr 27 | Apr 26 | Apr 25 | Apr 24 | Apr 23 | Apr 22 | Apr 21 | Apr 20 | Apr 19 | Apr 18 | Apr 17 | Apr 16 | Apr 15 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 80 | 74 | 61 | 50 | 65 | 84 | 74 | 97 | 89 | 74 | 73 | 83 | 87 | 88 | 93 | 97 | 75 | 46 | 76 | 85 | 95 | 90 | 79 | 61 | 74 | 116 | 87 | 74 | 73 | 77 | 64 | 72 | 72 | 95 | 99 | 107 | 94 | 85 | 70 | 94 | 76 | 97 | 95 | 87 | 76 | 75 |
Mac | 19 | 6 | 6 | 10 | 7 | 13 | 11 | 8 | 12 | 9 | 18 | 16 | 20 | 13 | 14 | 13 | 10 | 12 | 11 | 14 | 19 | 23 | 21 | 12 | 17 | 13 | 13 | 9 | 7 | 6 | 5 | 9 | 11 | 18 | 21 | 16 | 18 | 7 | 7 | 16 | 16 | 19 | 19 | 19 | 11 | 17 |
Linux | 11 | 5 | 8 | 8 | 3 | 13 | 3 | 5 | 12 | 2 | 1 | 9 | 9 | 13 | 6 | 5 | 5 | 4 | 7 | 4 | 7 | 8 | 7 | 7 | 8 | 5 | 7 | 7 | 12 | 11 | 6 | 6 | 2 | 6 | 8 | 4 | 10 | 9 | 7 | 10 | 15 | 12 | 20 | 10 | 5 | 7 |
Readme
- Source
- raw.githubusercontent.com
LiveReload for Sublime Text 3
A web browser page reloading plugin for the Sublime Text 3 editor.
Installing
With Package Control:
- Run “Package Control: Install Package” command, find and install
LiveReload
plugin. - Restart ST editor (if required)
Manual install, Linux users
cd ~/.config/sublime-text-3/Packages
rm -rf LiveReload
git clone https://github.com/alepez/LiveReload-sublimetext3 LiveReload
Manual install, OSX users
cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/
rm -rf LiveReload
git clone https://github.com/alepez/LiveReload-sublimetext3 LiveReload
Using
Enable desired plug-ins via Command Palette (Ctrl+Shift+P) add livereload.js to you html document.
<script>document.write('<script src="http://' + (location.host || '${1:localhost}').split(':')[0] + ':${2:35729}/livereload.js?snipver=1"></' + 'script>')</script>
You can also use one of the extensions listed here http://livereload.com/extensions/
Available plug-ins:
- Compass Preprocessor, compiles .scss, .sass and refreshes page when file is compiled
- Less Preprocessor, compiles .less and refreshes page when file is compiled
- Sass Preprocessor, compiles .scss, .sass with the latest installed sass version and refreshes page when file is compiled
- CoffeeScript Preprocessor, compiles .coffee and refreshes page when file is compiled
- Simple Reload, refresh page when file is saved
- Simple Reload with delay(400ms), wait 400ms then refresh page, when file is saved
Examples
- Simple Reload from http GET request, reloads page on visit to http://localhost:35729/callback/simplereloadplugincallback/on_post_compile
- Send content on change, sends file content to browser console
Sass Preprocessor usage
First, install latest version of sass “bash sudo gem install sass
Activate the plugin in SublimeText3 via the `package settings -> livereload -> plugins -> enable/disable plugins` menu
By default, the plugin save the compiled css in same dir of sources.
You can change this by creating a `sass_config.json` file near your sources:
```json
{
"destination_dir": "../../webroot/css"
}
Plug-in api
https://livereload-for-sublime-text.readthedocs.org/en/latest/
Thanks
The original plugin was written by Janez Troha