LiveReload配置,安装使用方法~~~前端页面神助手
来源:互联网 发布:初始成女脸型数据 编辑:程序博客网 时间:2024/05/16 09:55
一、Chrome端安装LiveReload插件
1、首先这里啰嗦一下,如果Chrome无法进入商店,可以先安装一下谷歌商店助手
谷歌商店插件地址 http://pan.baidu.com/s/1dF1ROjf 提取码:7bbh
将下载好的crx文件拖到扩展程序即可,确认添加
2、看完了上面的哆嗦,本来能够打开谷歌应用商店的小伙伴们是不是已经不耐烦了呢,现在进入正题
—》点击获取更多扩展程序,进入谷歌应用商店页面搜索LiveReload,点击添加至Chrome
现在看一下浏览器右上角,LiveReload是不是已经出现了呢~~~
到此浏览器端准备完毕
二、让我们进入sublime Text3
按下Ctrl + Shift + p 输入install 选择如图 按下回车
在弹出窗中输入 LiveReload 按下回车 等待安装
安装完成后,点击preferences找到如图位置,输入下面代码并保存,重启sublime "{
enabled_plugins" : ["SimpleReloadPlugin","SimpleRefresh"]
}
三、到此,所有安装已经完成。下面说一下使用的方法:
页面打开后,先点击LiveReload图标,使得图标变为实心。
那么神奇的事情发生了,你代码改动完后保存(Ctrl + S),页面自动刷新。
注:css js代码同样适用
感谢您的支持!
如有不足请你指出
阅读全文
1 0
- LiveReload配置,安装使用方法~~~前端页面神助手
- 前端可视化编程:liveReload安装,sublime 3
- 最简单的livereload安装配置方法
- LiveReload插件安装、配置及用法
- Grunt 配置livereload笔记
- Sublime text3 配置 LiveReload
- Sublime text3 配置 LiveReload
- 使用nodejs+livereload页面开发自动刷新
- 前端构建实践03:用 livereload 即时查看前端更改
- sublime text 3 + chrome 配置liveReload
- sublime text 3 + chrome 配置liveReload
- mce 遥控助手 使用方法
- dedecms小助手使用方法
- 前端使用小助手
- 使用zen coding、gulp、livereload、sass提高前端编码效率
- web 前端修改 自动刷新 插件使用 liveReload
- 【前端】前端环境的配置与安装
- 用gulp-livereload实现自动刷新页面(v3.0.2)
- BZOJ 2243: [SDOI2011]染色 树链剖分+线段树
- 【python爬虫】网贷天眼平台表格数据抓取
- 安装Kotlin插件
- springboot
- 在代码中去除标题
- LiveReload配置,安装使用方法~~~前端页面神助手
- 一组字符串数组 去掉重复的
- Vue Watchers
- Property follows Cocoa naming convertion for return 'owend' objects
- emacs 备忘 启动windows 程序
- SQL SERVER 批量删除数据库表
- rsyslog 接收远程日志且去掉日志头
- 我与python约个会:26. 企业级开发基础7:面向对象特征(多态)
- Android Service的生命周期