sublime text 3 + chrome 配置liveReload
来源:互联网 发布:socket客户端发送数据 编辑:程序博客网 时间:2024/06/06 01:39
<!--已经第n次修改了,如果还有问题大家评论我会及时回复的-->
按照网上的配置方法折腾了一晚也没成功,最后关键部分还是在github上找到了解决方案,特此开处女博客,分享给大家。
下面为配置方法:
一,在sublime text3中安装view in browser。
1,ctrl+shift+p
2,install
3,view in browser
这就安装好view in browser
接下来更改配置,默认是火狐,需要修改成chrome
4,preferences->package setting->view in browser->setting-default,复制默认设置
打开preferences->package setting->view in browser->setting-user,粘贴配置,然后把最下面的"browser": "firefox"改成"browser": "chrome64"。
第一步就ok了
二,在sublime text3中安装插件liveReload
1,ctrl+shift+p
2,add repository,增加下面的url
https://github.com/NickWoodhams/LiveReload.git
3,ctrl+shift+p
4,install
5,liveReload
这样就在sublime中安装好liveReload插件了
接下来还需要设置,如下:
6,preferences->packge settings ->livereload->settings-default,
设置如下:
{
"enabled_plugins": [
"SimpleReloadPlugin",
"SimpleRefresh"
]
}
三,在chrome中安装liveReload插件
这个可能需要vpn才行,你懂得。
设置->扩展程序->获取更多扩展程序中找到liveReload然后添加就可以了。成功以后书签栏会有一个旋转圆形标志出现,中间为空心的。
最后还要设置插件允许访问文件网址。
致此就结束了。接下来测试一下
写一个html文件,然后使用chrome运行,点击旋转圆圈中间的空心点变成实心说明连接成功。
- sublime text 3 + chrome 配置liveReload
- sublime text 3 + chrome 配置liveReload
- 【日常】sublime text 3配置chrome插件LiveReload
- sublime text 3 + LiveReload插件实现前端代码实时预览(同时支持Chrome和Firefox)
- Sublime text3 配置 LiveReload
- Sublime text3 配置 LiveReload
- 如何在Ubuntu/Linux中使用LiveReload+Sublime Text 3
- Sublime Text插件之emmet与livereload
- Sublime Text 3 配置
- Sublime Text 3 配置
- Sublime Text 3配置
- Sublime Text 3 配置
- Sublime Text 3 配置
- Sublime Text 3 配置
- Sublime Text 3 配置
- sublime Text 3配置
- Firefox 与 sublime text 3 通过LiveReload插件实现前端代码实时预览
- Sublime LiveReload
- 开发使用 iBeacon 的 iOS 7 应用
- samba 服务器配置
- mysql5.7.10安装
- mac 操作系统 ios操作系统
- R框架、包和软件集合:Awesome R
- sublime text 3 + chrome 配置liveReload
- centos/linux 查看gpu使用情况的方法 intel显卡
- LeetCode-9-Palindrome Number(Number)-Easy
- Android机型适配之痛
- Android开发笔记(二十四)res目录的结构与配置
- 调试出错:无法获取属性"parentNode"的值:对象为null或未定义
- 旋转菜单代码实现
- Java基础教程之对象的方法与数据成员
- CocoaPods更新慢的问题