zoukankan      html  css  js  c++  java
  • Sublime text3配置LiveReload


    Tip
    LiveReload是很棒的插件,可以在浏览器中实时预览,但是在Sublime text3里,从Package Control中安装的LiveReload是无法使用的,但是可以选择手动安装解决。


    LiveReload插件下载

    Sublime端

    Github上的LiveReload for Sublime text3的地址:LiveReload,两种方式安装:

    方法一:

    选择DownloadZip,将解压的文件夹放在Packages文件夹(Preference>Browse Packags)重启ST3

    从github下载

    方法二:

    直接clone到Packages文件夹。

    
    //适用于Linux  OSX  
    
    //Windows可以通过Git操作
    
    //进入Packages目录下
    
    rm -rf LiveReload  
    git clone https://github.com/Grafikart/ST3-LiveReload.git LiveReload
    

    浏览器端

    我用的是chrom,在应用商店可以直接找到LiveReload,安装。
    在chrom应用商店下载LiveReload插件

    安装之后会出现这个图标。

    效果

    配置

    1. ctrl+shift+p
    2. LiveReload: Enable/disable plugins
    3. Enable - SimpleReload
    

    实时预览

    把html文件在浏览器中打开,点击一次图标中间的圆环变成原点就代表可以实时预览了。
    ST3中的文件保存一次,浏览器就会刷新一次,实时预览,很方便!

    预览

    参考:
    http://chedanji.com/sublime-text3-livereload/
    http://stackoverflow.com/questions/25886011/how-do-i-install-livereload-sublime-text-3


  • 相关阅读:
    第7章例7-12
    第7章例7-11
    第7章例7-9
    第7章例7-8
    第7章例7-7
    第7章例7-6
    第7章例7-5
    第7章例7-4
    第7章例7-3
    第7章例7-2
  • 原文地址:https://www.cnblogs.com/coderleon/p/4805658.html
Copyright © 2011-2022 走看看