這篇文章主要講解了“Sublime怎么實現(xiàn)html文件瀏覽器更新”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“Sublime怎么實現(xiàn)html文件瀏覽器更新”吧！

成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供普蘭企業(yè)網(wǎng)站建設,專注與成都網(wǎng)站制作、成都網(wǎng)站建設、H5場景定制、小程序制作等業(yè)務。10年已為普蘭眾多企業(yè)、政府機構(gòu)等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡公司優(yōu)惠進行中。

1 所需插件:谷歌瀏覽器的livereload插件;sublime的livereload插件.

2 sublime插件安裝方法及配置.

2.1 sublime的package control的安裝方法就不說了,百度一下有很多文章.在sublime的界面,同時按下ctrl+shift+p,彈出界面輸入install package,點擊紅色的項目.

2.2 在彈出的界面輸入livereload;點擊livereload項目.

2.3 點擊后sublime開始自動安裝,安裝完成后進行配置;依次點擊 首選項-Package Setting-LiveReload-Setting User;將下面的jon代碼粘貼進去,保存.即完成sublime上的配置.

{

    "enabled_plugins": [

        "SimpleReloadPlugin",

        "SimpleRefresh"

    ]

}

3 谷歌瀏覽器插件安裝.

3.1 如果你能'科學上網(wǎng)'的話,直接在谷歌網(wǎng)上應用商店搜索livereload即可,搜索結(jié)果的第一個就是我們想要的.點擊添加至CHROME,按步驟操作即可完成安裝

3.2 果你是個良民,網(wǎng)上直接下載插件,手動導入也可以.

3.2.1 插件網(wǎng)livereload下載

下載下來的是一個.crx文件.打開谷歌瀏覽器,依次點擊:自定義及控制(右上角的豎著的三個點)-更多工具-擴展程序;打開擴展程序列表.

3.2.2 將下載成功的.crx文件直接拖拽到擴展程序列表,即可完成插件安裝.

3.2.3 谷歌瀏覽器安裝成功后,會在瀏覽器右上角出現(xiàn)類似刷新的圖標,中間有一個空心圓.就是livereload的圖標.

4 插件都準備好后,打開正在編輯的html頁面.這一步很重要,打開方式一定是在本地起的一個服務下打開,不管使用http-server本地起服務的方式,還是sublime的插件SublimeServer直接打開的方式,只要地址欄是localhost(127.0.0.1)開始即可.不能直接點擊文件打開.

sublime插件SublimeServer打開方式

5 頁面在瀏覽器打開后,點擊liveReload的圖標,圖標的空心圓變?yōu)閷嵭膱A,表明與sublime連接成功.

6 至此,既完成了瀏覽器與sublime文件的連接,修改hmtl頁面,保存后,瀏覽器會自動更新.

感謝各位的閱讀，以上就是“Sublime怎么實現(xiàn)html文件瀏覽器更新”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對Sublime怎么實現(xiàn)html文件瀏覽器更新這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！