在vs code中進行本地調試
1、首先在VSCode 上裝一個插件：Debugger for Chrome ，如下圖所示：在搜索框中輸入Debugger for Chrome 然後點擊安裝
2、配置文件，從左到右依次點擊紅圈中的按鈕，然後出現launch.json文件，在裏面添加配置信息
配置信息如下：
{
// 使用 IntelliSense 瞭解相關屬性。
// 懸停以查看現有屬性的描述。
// 欲瞭解更多信息，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "使用本機chrom調試",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}",
"file":"${workspaceRoot}/setWebGLContext/setWebGLContext.html", //這個是在瀏覽器中要運行的文件的路徑，每次運行不同項目的時候需要修改裏面的運行路徑
}
]
}
3、配置好之後，選擇調試方式，如圖所示，點擊下拉箭頭會有之前配置好的名稱，這裏是“使用本機chrom調試”
4、選擇好名稱之後，直接按F5，就會彈出瀏覽器界面，就可以進行調試了
----------------------------------------------------------------------------------------
開啓本地服務器
1、打開VS Code，然後點擊“查看” =》“調試控制檯”或者直接按快捷鍵 ctrl+shift+y調出控制面板
2、點擊“終端”，在裏面直接輸入
npm install -g live-server
3、安裝完成後會出現live-server的版本信息，表示安裝成功
4、在終端輸入：live-server會出現下面的信息
