vscode-Live Server的使用心得

一，安裝Live Server插件（不詳細說明了）

二，開啟Server（服務）

有四種方式：

1. 在窗口的最底部有Go Live可以點擊，一旦點擊，就會自動在瀏覽器中打開HTML文件

2. 在HTML文件中右鍵，然后點擊open live server

3. 快捷鍵 (alt+L, O) 打開服務   (alt+L, C) 關閉服務

4. 按F1,然后在輸入欄中輸入 Live Server: Open Live Server to start a server  打開服務，或者 Live Server: Close Live Server to stop a server 關閉服務

三、關於Live Server的配置

{
"liveServer.settings.port": 8080, //設置本地服務的端口號
    "liveServer.settings.root": "/", //設置根目錄，也就是打開的文件會在該目錄下找
    "liveServer.settings.CustomBrowser": "chrome", //設置默認打開的瀏覽器
    "liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --incognito --remote-debugging-port=9222",
    "liveServer.settings.NoBrowser": false,
    "liveServer.settings.ignoredFiles": [//設置忽略的文件
        ".vscode/**",
        "**/*.scss",
        "**/*.sass"
    ]
}

四、使用注意事項

1、設置服務根路徑的配置，只能設置到文件夾，不能設置到具體的HTML文件，例如 /dist/test.html  結果能打開頁面，但是文件里面引用的文件加載出現報錯。

2、根目錄下會自動打開index.html