Sublime怎么實現html文件瀏覽器更新

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

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 如果你能'科學上網'的話,直接在谷歌網上應用商店搜索livereload即可,搜索結果的第一個就是我們想要的.點擊添加至CHROME,按步驟操作即可完成安裝

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

3.2.1 插件網livereload下載

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

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

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

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

sublime插件SublimeServer打開方式

5 頁面在瀏覽器打開后,點擊liveReload的圖標,圖標的空心圓變為實心圓,表明與sublime連接成功.

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

感謝各位的閱讀，以上就是“Sublime怎么實現html文件瀏覽器更新”的內容了，經過本文的學習后，相信大家對Sublime怎么實現html文件瀏覽器更新這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！