Browse
LiveReload plugin for SublimeText
Installs
- Total573K
- Win401K
- Mac106K
- Linux66K
Oct 31 | Oct 30 | Oct 29 | Oct 28 | Oct 27 | Oct 26 | Oct 25 | Oct 24 | Oct 23 | Oct 22 | Oct 21 | Oct 20 | Oct 19 | Oct 18 | Oct 17 | Oct 16 | Oct 15 | Oct 14 | Oct 13 | Oct 12 | Oct 11 | Oct 10 | Oct 9 | Oct 8 | Oct 7 | Oct 6 | Oct 5 | Oct 4 | Oct 3 | Oct 2 | Oct 1 | Sep 30 | Sep 29 | Sep 28 | Sep 27 | Sep 26 | Sep 25 | Sep 24 | Sep 23 | Sep 22 | Sep 21 | Sep 20 | Sep 19 | Sep 18 | Sep 17 | Sep 16 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 116 | 188 | 210 | 235 | 245 | 266 | 182 | 192 | 211 | 249 | 303 | 412 | 204 | 125 | 118 | 159 | 161 | 164 | 196 | 177 | 138 | 145 | 171 | 170 | 179 | 181 | 172 | 144 | 134 | 173 | 168 | 194 | 168 | 172 | 157 | 152 | 146 | 174 | 193 | 181 | 147 | 140 | 129 | 184 | 189 | 156 |
Mac | 11 | 18 | 26 | 29 | 29 | 26 | 12 | 17 | 21 | 28 | 27 | 33 | 24 | 17 | 14 | 21 | 18 | 16 | 32 | 29 | 7 | 23 | 23 | 17 | 19 | 10 | 17 | 23 | 17 | 20 | 20 | 25 | 30 | 23 | 23 | 18 | 22 | 32 | 28 | 27 | 36 | 19 | 17 | 28 | 29 | 24 |
Linux | 15 | 24 | 22 | 19 | 20 | 26 | 14 | 22 | 29 | 24 | 31 | 36 | 21 | 17 | 23 | 17 | 26 | 20 | 26 | 32 | 19 | 22 | 34 | 27 | 23 | 21 | 21 | 15 | 18 | 11 | 23 | 20 | 20 | 25 | 17 | 21 | 19 | 22 | 27 | 25 | 19 | 19 | 15 | 24 | 21 | 20 |
Network utility x 4 2 1. This item Tide Pods 3 in 1, Laundry Detergent Pacs, Spring Meadow Scent, 81 Count #1 Best Seller Breezeo Laundry Detergent Strips (Laundry Detergent Sheets), Fresh Linen Scent, 48 Loads – More Convenient than Pods, Pacs, Liquids or Powders – Great for Home, Dorm, Travel, Camping & Hand-Washing. American Racing Baja Wheel Part number: AR1725173B Wheel size: 15x10 Offset: -43 Bolt Patterns: 5x5 Backspacing: 3.81 Color: Satin Black Hub bore.
Readme
- Source
- raw.githubusercontent.com
LiveReload 2.x-3.x web socket / http server. Contribute to livereload/livereload-server development by creating an account on GitHub. LiveReload 2.3.81 – The essential Web-developer tool. July 31, 2015 LiveReload is the essential Web-developer tool: when you save a file, LiveReload pre-processes it as needed and refreshes the browser automatically. I've recently upgraded from Sublime Text 2 to 3 and found that LiveReload is no longer working. I've looked at their GitHub and tried using the development branch to no avail. The standalone application will not work well for me because it seems to crash quite often on Windows 8.1.
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
Manual install, OSX users
Enable desired plug-ins via Command Palette (Ctrl+Shift+P) add livereload.js to you html document.
You can also use one of the extensions listed here http://livereload.com/extensions/
Livereload 2 3 81 =
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“bashsudo gem install sass
The original plugin was written by Janez Troha
I still use a “big” computer without a touchscreen monitor (or “grampa box“, as the cool kids call it). It’s still just too hard to code on a tablet device. I’ve tried Codeanywhere on my iPad, and looked at a few other solutions such as the ones in this post but, being spoiled by the conveniences of Visual Studio as a primary development tool, I haven’t yet been able to convince myself that the “good” of being light and portable outweighs the “bad” of missing features. With all the push by major companies into cloud development it seems that something polished would exist by now, but it still doesn’t seem be there. Perhaps this means that cloud-based editors are an open market right now. Alas, if only I had more time in the evenings…
Windows 8 has been on my main computer for a few months now, and its admittedly a strange experience. It will stay there, as there are indeed some good features, but any way you slice it sometimes feels awkward. I think that this is partially because much of my memory is often mapped to three-dimensional physical locations. When working merrily away in “desktop mode” I can either see the location of each window or “see” its z-axis position behind the other windows in my mind’s eye. This is great, but after some time passes I’ll invariably perform some action that opens an app in “tablet mode”. The new app covers up all of the windows I had open. This is always unexpected, and breaks my concentration. The root cause of this concentration-breaking is still elusive, but I have yet to be able to think of tablet mode as just another layer sitting on top of all of the other windows. Initially I thought it was the fact that I have been using windows-based (Windows, Mac, Linux IDEs) systems for so many years. The same problem doesn’t seem to exist on tablets, however, as I usually think of the apps in a list on those devices. Only when the two “modes” of operation are mixed does it cause a problem for me.
Once the fullscreen app is open and my concentration is broken, things start to spiral downward. I think bad thoughts about Windows 8 while I reflexively press the Windows key. I seem to expect it to switch back to desktop mode, but it doesn’t. It instead goes to the start screen. More bad thoughts occur while I either hit Windows+D to go back to the desktop, or grab the mouse and click on the Desktop tile. Pressing Windows+Tab to switch back to desktop mode would work much better, but I am always so jarred from the entire contents of the screen changing that I panic and hit the Windows key by itself. I suppose the main point here is that I feel like I am always — and I mean always -- having to hit the Windows key in Windows 8.
Pressing keys all the time isn’t fun. Only a certain number of them can be pressed before one dies. Because of this, I decided to try out LiveReload after hearing that it would run on Windows in this TekPub Full Throttle episode. LiveReload is a tool that will watch your project folders and automatically reload them when static content such as HTML, CSS, or JS files have changed. Not only does this save from having to hit the refresh key, but it also answers the ever present question: “Did I already refresh and the code isn’t working? I can’t remember.”
Upon visiting the friendly requirements page, I noticed (at least at the time of this writing) that while the main page simply reads “Requires XP+”, Windows 8 is not specifically mentioned on the compatibility page.
Compatibility page doesn’t specifically mention Windows 8
After searching around on the internet for a bit, I couldn’t seem to find anyone who had tried LiveReload on Windows 8, so I decided to setup a quick test. First, I created my test project – a default Asp.Net MVC4 project using the “Internet Application” template.
Following the instructions on the “Getting Started” page, I then installed LiveReload and added the folder of my test project to it.
After that, an integration method needed to be chosen. As described on the How do I choose the best integration method? page, there are three main ways of making your site communicate with LiveReload…
Livereload 2 3 81 Epizoda
- Add a JavaScript to your HTML pages.
- Install a browser plugin
- Use a framework plugin
Option 2 seemed the best for me, as I normally wouldn’t want to have to remember to remove extra scripts from pages before they are deployed, and framework plugins are currently only available for Ruby on Rails. I headed over to the Chrome Web Store and installed the LiveReload plugin.
After that, it was time to test. I enabled the plugin, and ran my test MVC project…
… and then added a new heading tag to the HTML and saved the file.
As you can see from the images above, the browser plugin responded to the save operation and reloaded the page beautifully.
Livereload 2 3 81 Equals
It looks like LiveReload works with Windows 8! I haven’t done more extensive testing yet, but I am going to start using it for some projects at work as soon as I get a chance. I’ll post an update to this if I run into any problems.