前端可视化编程：liveReload安装，sublime 3
需要插件?
sublime text3：View in Browser；LiveReload
chrome：liveReload
配置方法
一：sublime text3
sublime 3下載地址：
http://download.csdn.net/download/reggergdsg/9541966
1、在sublime text3安裝插件 view in browser
注意（安裝插件之前先安裝Package Control：?
http://blog.csdn.net/weixin_36401046/article/details/52880000，?
http://devework.com/sublime-text-3-package-control.html）
- 1
- 1
- 1
- 1
- 1
- 1
2、安裝成功后，修改默認的瀏覽器：
preferences->package setting->view in browser->setting default- 1
- 1
把firefox改為chrome64
3、在sublime text3安裝插件liveReload
ctrl+shift+p- 1
- 1
- 1
- 1
- 1
- 1
4、liveReload配置
preferences -> Packge Settings -> LiveReload -> Settings - Default- 1
- 1
輸入以下內容保存即可
{"enabled_plugins": ["SimpleReloadPlugin","SimpleRefresh"] }- 1
- 2
- 3
- 4
- 5
- 6
- 1
- 2
- 3
- 4
- 5
- 6
二、 chrome瀏覽器安裝liveReload插件
1、
方法一：進入chrome插件中心，搜索liveReload，安裝即可。- 1
- 1
- 1
- 1
http://download.csdn.net/download/weixin_36401046/9659158
2、進入chrome擴展程序頁面，將livereload中的允許訪問文件網址打上勾
三、測試?
重新打開sublime text3，重新啟動chrome。?
在sublime text3編輯一個測試html文件，
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 1
- 2
- 3
- 4
- 5
- 6
- 7
按 ctr+alt+v 在chrome瀏覽器中運行，編輯器下方出現livereload提示，并且點擊chrome瀏覽器的livereload圖標中間小圓點由虛變實，說明配置成功。
重點內容：只需要在sublime text3里編輯代碼，按 ctr+s 保存，即可在chrome里面看到實時更新。
如果沒有成功自動刷新，把以下走一遍：
1、找到packages文件夾
2、從https://github.com/Grafikart/ST3-LiveReload?下載壓縮包到本地
3、解壓， 重命名為LiveReload，拷貝到packages中
參考文獻：http://blog.csdn.net/neet007/article/details/51694643
轉載于:https://www.cnblogs.com/Yimi/p/8436053.html
總結
以上是生活随笔為你收集整理的前端可视化编程：liveReload安装，sublime 3的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [eslint-plugin-vue]
- 下一篇： 判断是否为ie8浏览器