前端可视化编程：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、安裝成功后，修改默認(rèn)的瀏覽器：
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
輸入以下內(nèi)容保存即可
{"enabled_plugins": ["SimpleReloadPlugin","SimpleRefresh"] }- 1
- 2
- 3
- 4
- 5
- 6
- 1
- 2
- 3
- 4
- 5
- 6
二、 chrome瀏覽器安裝liveReload插件
1、
方法一：進(jìn)入chrome插件中心，搜索liveReload，安裝即可。- 1
- 1
- 1
- 1
http://download.csdn.net/download/weixin_36401046/9659158
2、進(jìn)入chrome擴(kuò)展程序頁(yè)面，將livereload中的允許訪問文件網(wǎng)址打上勾
三、測(cè)試?
重新打開sublime text3，重新啟動(dòng)chrome。?
在sublime text3編輯一個(gè)測(cè)試html文件，
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 1
- 2
- 3
- 4
- 5
- 6
- 7
按 ctr+alt+v 在chrome瀏覽器中運(yùn)行，編輯器下方出現(xiàn)livereload提示，并且點(diǎn)擊chrome瀏覽器的livereload圖標(biāo)中間小圓點(diǎn)由虛變實(shí)，說明配置成功。
重點(diǎn)內(nèi)容：只需要在sublime text3里編輯代碼，按 ctr+s 保存，即可在chrome里面看到實(shí)時(shí)更新。
如果沒有成功自動(dòng)刷新，把以下走一遍：
1、找到packages文件夾
2、從https://github.com/Grafikart/ST3-LiveReload?下載壓縮包到本地
3、解壓， 重命名為L(zhǎng)iveReload，拷貝到packages中
參考文獻(xiàn)：http://blog.csdn.net/neet007/article/details/51694643
轉(zhuǎn)載于:https://www.cnblogs.com/Yimi/p/8436053.html
總結(jié)
以上是生活随笔為你收集整理的前端可视化编程：liveReload安装，sublime 3的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [eslint-plugin-vue]
- 下一篇： HDU 1018.Big Number-