Sublime Text3 + LiveReload + Chrome 使编写的HTML同步预览！

前言：vscode不喜欢用喜欢用sublime这种小巧的编写软件但vscode可以实时预览网页今天用了几个月的sublime的我才发现livereload这个插件可以自动刷新网页写个小文备忘录一下

一、在Sublime中ctrl+shift+p输入ip回车输入livereload安装

二、preferences-->package settings-->livereload-->settings-user

添加如下内容，表示自动开启刷新功能

{"enabled_plugins": ["SimpleReloadPlugin","SimpleRefresh"]
}

三、安装chrome插件

设置LiveRoload插件将“允许访问文件网址”一项开启

四、使用

编写HTML然后用chrom打开，点击LiveReload插件变为实心

在sublime中保存网页就会自动刷新再也不用手动切回chrome刷新网页啦~~~

五、懒人模式

每次都要点击这个图标才能启用livereload功能，太麻烦了！

在浏览器中发现启动这个插件就是在原来的基础上添加一行脚本

这里我利用sublime中的SublimeTmpl插件在新建html文件时自动添加这行脚本

再次打开这个html文件插件就自动开启了！

到此，sublime自动刷新网页就实现了

Sublime Text3 + LiveReload + Chrome 使编写的HTML同步预览！相关推荐

Chrome 正在测试标签页的预览功能
尽管 Microsoft Edge 的市场份额不大,但 Edge 的一些特色功能很是实用,像是标签页的预览功能.而Google 似乎也在为 Chrome 添加类似的标签页预览功能. 在处理多个标签页时 ...
Chrome浏览器最新改版 Android P预览版和桌面版界面有变化
chrome谷歌浏览器最新改版 Android P预览版和桌面版界面有变化作为 xx 设计风格的先锋,每一代 Android 系统都会充满着各种新设计元素.但 xx 旗下的一些传统服务,比如 Gma ...
基于 vue 编写的vue图片预览组件，支持单图和多图预览，仅传入一个图片地址，即可实现图片预览效果，可自定义背景、按钮颜色等
hevue-img-preview 简介完整版下载地址:基于 vue 编写的vue图片预览组件本组件是一个基于 vue 编写的 vue 图片预览组件,支持 pc 和手机端,支持单图和多图预览,仅传 ...
【sublime Text】sublime Text3安装可以使xml格式化的插件
应该有机会 ,会碰到需要格式化xml文件的情况. 例如,修改word转化的xml文件之后再将修改之后的xml文件转化为word文件. 但是,word另存的xml文件是没有格式的一片: 那怎么格式化这 ...
sublime Text3安装可以使xml格式化的插件
1 2 3 注:https://www.cnblogs.com/sxdcgaq8080/p/7682593.html
chrome 打印布局_在打印预览模式下使用Chrome的Element Inspector？
慕容大雪花 Chrome v52 +:打开开发人员工具(Windows:F12或Ctrl+ Shift+ I,Mac:Cmd+ Opt+ I)单击自定义并控制DevTools汉堡包菜单按钮,然后选择更 ...
vue-excel不规则表格编写且可以打印预览
效果图: 一.打印预览引入两个依赖文件 ref="exportPdf" 指向只能指向div这些dom原生元素,不然会报Element is not attached to a Do ...
关于Sublime text3 配置及插件整理
Package Control组件在线安装按Ctrl+`调出console(注:避免热键冲突) 粘贴以下代码到命令行并回车: import urllib.request,os; pf = 'Pack ...
sublime text3安装python插件和flake8_Sublime Text环境配置（Python、Latex、Markdown）及常见问题汇总...
目录安装基本设置万包之祖 Package Control Python 环境配置 Markdown环境配置 Sublime问题汇总 macOS+Latex环境配置安装从官方网站地址下载安装即 ...

Sublime Text3 + LiveReload + Chrome 使编写的HTML同步预览！

Sublime Text3 + LiveReload + Chrome 使编写的HTML同步预览！相关推荐

最新文章

热门文章