學習筆記1搭建開發環境中，在vs code里安裝了live server插件，后續多次使用open with live server來打開瀏覽器，展示代碼運行效果。本著知其然也要知其所以然的態度，稍稍了解了一下Live server。
什么是Live Server
Live Server是一款方便的Web開發工具，可以在開發過程中提供實時預覽和自動刷新的功能。無需手動刷新網頁，開發者可以實時查看對代碼的修改，并快速驗證效果，但是不能用于部署最終站點。
Live Server的工作原理
Live Server會在本地啟動一個服務器，用于加載和運行項目，端口號為5500.?
它會在服務器和瀏覽器間建立一個WebSocket鏈接，監聽指定的文件夾中的文件系統事件，比如文件的創建、修改和刪除，以此來監聽文件夾中文件的變化，比如HTML、CSS和Javascript文件。
當監聽到文件發生變化時，服務器將對應的事件信息發送給瀏覽器，于是瀏覽器可自動刷新頁面，加載最新的資源，讓開發者立刻看到最新的效果。
如何實現
為了實現這個效果，Live server服務器為每個請求的html文件注入一小段JavaScript代碼。這個腳本建立了web套接字連接并監聽重載請求。通過從DOM中查找引用的樣式表，并觸發瀏覽器再次獲取并解析它們，可以刷新CSS文件，而無需整頁重新加載。
打開chome控制臺，發現多了一小段JavaScript代碼（我們以vue2學習筆記2-老規矩，從Hello World開始，了解Vue實例和模板-CSDN博客中的代碼為例）
Live server config
這段代碼以后再讀。我們先來看看live server的配置項
VS code中File->Preference->Settings中，找到extensions->Live server config，如有需要，在這里修改默認配置，比如默認端口，瀏覽器，需要忽略的文件修改等。。。
好吧，以我現在的能力，沒啥需要修改的。了解到這里，我覺得目前對我來說就足夠了。以后若有更深的需要，再來補充。
