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貌似每次都要手動啟動插件的問題
※貌似可以在設置中輸代碼設置,不過本人目前學藝不精暫時還不會。通過之前的搜索貌似有看到有人發布過這方面相關內容。
