sublime text 3 + chrome 配置liveReload
2016-11-03 11:26
351 查看
下面为配置方法:
1ctrl+shift+p
2install
3view in browser
这就安装好view in browser
接下来更改配置,默认是火狐,需要修改成chrome
4preferences->package setting->view in browser->setting-default,复制默认设置
打开preferences->package setting->view in browser->setting-user,粘贴配置,然后把最下面的"browser": "firefox"改成"browser": "chrome64"。
第一步就ok了
二在sublime text3中安装插件liveReload
在Sublime安装LiveReload插件时需要注意下,通过Package Control: Install Package安装的发现后来不能用。所以通过Github下载LiveReload
之后将解压的文件重命名为LiveReload,然后在Sublime工具栏Preferences > Browser Packages...打开Packages目录,将LiveReload复制到目录下。此时还需要配置一下preferences->packge settings ->livereload->settings-default,
设置如下:
{
"enabled_plugins": [
"SimpleReloadPlugin",
"SimpleRefresh"
]
}
接着右键单击选择管理扩展程序,把允许访问网址文件这一选项勾选上。
此时安装完成。打开一个静态HTML文件,并点击浏览器地址栏旁边的LiveReload按钮,这时看到按钮变成实心的了
,修改代码不用刷新就可以看到效果了。
参考文档:http://blog.csdn.net/chenhebing/article/details/50384314
一在sublime text3中安装view in browser。
1ctrl+shift+p2install
3view in browser
这就安装好view in browser
接下来更改配置,默认是火狐,需要修改成chrome
4preferences->package setting->view in browser->setting-default,复制默认设置
打开preferences->package setting->view in browser->setting-user,粘贴配置,然后把最下面的"browser": "firefox"改成"browser": "chrome64"。
第一步就ok了
二在sublime text3中安装插件liveReload
在Sublime安装LiveReload插件时需要注意下,通过Package Control: Install Package安装的发现后来不能用。所以通过Github下载LiveReload
之后将解压的文件重命名为LiveReload,然后在Sublime工具栏Preferences > Browser Packages...打开Packages目录,将LiveReload复制到目录下。此时还需要配置一下preferences->packge settings ->livereload->settings-default,
设置如下:
{
"enabled_plugins": [
"SimpleReloadPlugin",
"SimpleRefresh"
]
}
三在chrome安装插件LiveReload(谷歌商店)
安装完成后可以在地址栏右侧看到图标接着右键单击选择管理扩展程序,把允许访问网址文件这一选项勾选上。
此时安装完成。打开一个静态HTML文件,并点击浏览器地址栏旁边的LiveReload按钮,这时看到按钮变成实心的了
,修改代码不用刷新就可以看到效果了。
参考文档:http://blog.csdn.net/chenhebing/article/details/50384314
相关文章推荐
- 【日常】sublime text 3配置chrome插件LiveReload
- sublime text 3 + LiveReload插件实现前端代码实时预览(同时支持Chrome和Firefox)
- Sublime text3 配置 LiveReload
- grunt live reload 配置记录
- chrome LiveReload – 修改网页源代码后帮你自动刷新浏览器
- 在Sublime Text 2中配置C++(MinGW-g++-gcc)和LaTeX(TeXlive、SumatraPDF)环境
- Chrome插件LiveStyle结合Sublime Text编辑器实现高效可视化开发
- LiveReload插件安装、配置及用法
- grunt live reload 配置记录
- Sublime text3配置LiveReload 浏览器即时刷新
- grunt使用watch和livereload的Gruntfile.js的配置
- Windows下TeX Live + Sublime Text 3 + Sumatra PDF配置
- Sublime Text3 无法使用LiveReload插件的解决方法
- Firefox 与 sublime text 3 通过LiveReload插件实现前端代码实时预览
- jekyll+livereload+chrome插件-更新文件后自动刷新
- Sublime text3配置LiveReload 实时预览、无需刷新
- 【前端】Sublime text3 插件LiveReload 实现实时预览
- grunt使用watch和livereload的Gruntfile.js的配置