chrome實現網頁自動刷新——使用VScode中的插件livereload


1.在VScode、Chrome商店中搜索livereload插件安裝

2.chrome插件設置中允許訪問文件網址:

  

 

3.在VSCode中:Ctrl + Shift+ P,搜素livereload,並回車/點擊“LiveReload: Enable/disable server”。如圖所示:

  

  左下角顯示:The LiveReload plugin has been enables.

  

 

4.Chrome中點擊插件livereload。

  點擊后懸浮該如下圖所示提示則連接成功。

  

  若點擊chrome的該擴展程序若顯示Could not connect to LiveReload server. Please make sure that a compatible LiveReload server is running. (We recommend guard-livereload, until LiveReload 2 comes to your platform.)

  則說明VScode中沒有打開該插件。返回步驟3即可。

5.使用chrome打開HTML文件,在VCcode同時打開該HTML文件,Ctrl+S保存html文件,chrome會自動刷新。

6.關於VScode中liveReload貌似每次都要手動啟動插件的問題

  ※貌似可以在設置中輸代碼設置,不過本人目前學藝不精暫時還不會。通過之前的搜索貌似有看到有人發布過這方面相關內容。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM