ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

LiveReload

作者： alepez ST3 排行榜前100

SublimeText的Live Reload插件

详细信息

  • 0.1.3
  • github.com
  • github.com
  • 8年前
  • 44分钟前
  • 13年前

安装

  • 总计 740K
  • Win 536K
  • Mac 125K
  • Linux 79K
8月7日 8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日
Windows 2 37 24 16 35 32 38 41 39 47 29 28 39 36 43 45 45 25 30 35 41 29 34 28 27 26 34 45 35 32 34 14 26 31 36 51 22 26 16 32 37 39 32 31 42 31
Mac 0 7 10 0 2 6 6 7 6 10 6 6 5 10 11 13 13 5 1 9 7 6 8 9 6 6 6 9 9 1 7 5 2 8 9 8 13 5 3 3 6 12 4 10 16 6
Linux 0 4 8 1 5 3 2 7 4 3 8 4 6 7 8 7 3 3 1 3 3 4 8 4 5 3 1 9 4 3 2 1 3 2 5 3 5 5 3 5 4 7 2 7 6 2

Readme

源代码
raw.githubusercontent.com

Sublime Text 3的Live Reload

为Sublime Text 3编辑器提供的网页页面重新加载插件。

安装

使用Package Control

  1. 运行“Package Control: Install Package”命令，查找并安装LiveReload插件。
  2. 重启ST编辑器（如果需要）

手动安装，Linux用户

cd ~/.config/sublime-text-3/Packages
rm -rf LiveReload
git clone https://github.com/alepez/LiveReload-sublimetext3 LiveReload

手动安装，MacOS用户

cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/
rm -rf LiveReload
git clone https://github.com/alepez/LiveReload-sublimetext3 LiveReload

使用

通过命令面板（Ctrl+Shift+P）启用所需插件，将livereload.js添加到您的HTML文档中。

<script>document.write('<script src="http://' + (location.host || '${1:localhost}').split(':')[0] + ':${2:35729}/livereload.js?snipver=1"></' + 'script>')</script>

您还可以使用这里列出的扩展之一 http://livereload.com/extensions/

可用的插件

  • Compass预处理器，编译.scss、.sass并在编译文件时刷新页面
  • Less预处理器，编译.less并在编译文件时刷新页面
  • Sass预处理器，使用最新安装的Sass版本编译.scss、.sass并在编译文件时刷新页面
  • CoffeeScript预处理器，编译.coffee并在编译文件时刷新页面
  • 简单刷新，保存文件时刷新页面
  • 带延迟的简单刷新（400ms），保存文件后等待400ms然后刷新页面

示例

  • 从HTTP GET请求简化刷新，在访问http://localhost:35729/callback/simplereloadplugincallback/on_post_compile时刷新页面
  • 更改时发送内容，将文件内容发送到浏览器控制台

Sass预处理器使用

首先，安装最新版本的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"
}

插件API

https://livereload-for-sublime-text.readthedocs.org/en/latest/

感谢

原始插件由Janez Troha编写