zoukankan      html  css  js  c++  java
  • LiveReload配置,安装使用方法~~~前端页面神助手

    一、Chrome端安装LiveReload插件

    1、首先这里啰嗦一下,如果Chrome无法进入商店,可以先安装一下谷歌商店助手
    这里写图片描述

    谷歌商店插件地址 http://pan.baidu.com/s/1dF1ROjf 提取码:7bbh

    打开谷歌浏览器扩展程序

    将下载好的crx文件拖到扩展程序即可,确认添加

    将下载好的crx文件拖到扩展程序即可


    2、看完了上面的哆嗦,本来能够打开谷歌应用商店的小伙伴们是不是已经不耐烦了呢,现在进入正题
    —》点击获取更多扩展程序,进入谷歌应用商店页面搜索LiveReload,点击添加至Chrome
    这里写图片描述
    这里写图片描述
    现在看一下浏览器右上角,LiveReload是不是已经出现了呢~~~
    到此浏览器端准备完毕


    二、让我们进入sublime Text3
    按下Ctrl + Shift + p 输入install 选择如图 按下回车
    这里写图片描述
    在弹出窗中输入 LiveReload 按下回车 等待安装
    安装完成后,点击preferences找到如图位置,输入下面代码并保存,重启sublime
    "{
    enabled_plugins" : ["SimpleReloadPlugin","SimpleRefresh"]
    }

    这里写图片描述
    这里写图片描述

    三、到此,所有安装已经完成。下面说一下使用的方法:
    页面打开后,先点击LiveReload图标,使得图标变为实心。
    那么神奇的事情发生了,你代码改动完后保存(Ctrl + S),页面自动刷新。
    注:css js代码同样适用
    这里写图片描述

    --------------------- 作者:好好大东 来源:CSDN 原文:https://blog.csdn.net/haohaodadong/article/details/72639889?utm_source=copy 版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    洛谷7月月赛 B 题解
    undone
    树剖学习
    关于两周后noip---小计划
    线段树技巧练习--GSS1
    链式前向星存图及注意要点
    错题集合
    树上差分问题
    2020暑假学习内容整理及后续计划
    安利大佬博客
  • 原文地址:https://www.cnblogs.com/mumusen/p/9766036.html
Copyright © 2011-2022 走看看