問題：在使用 visual studio code 編寫網頁的時候，我們往往需要使用某個瀏覽器測試一下，那麼怎麼設定？

          在使用vscode開發node程式時，如何直接進行瀏覽器開啟設定？

          舉例步驟：

       1. 新建一個專案的資料夾，假設為 test-home ,使用vscode開啟這個資料夾：如圖

     2.開啟裡面這個 launch.json 進行配置，直接寫下如下程式碼即可：

{
    "version": "0.2.0",
    "configurations": [
        
    {   //設定chrome啟動網頁檔案
        "name": "谷歌瀏覽器", 
        "type": "chrome",
        "request": "launch",
        "url": "${file}",
        "sourceMaps": true,
        "webRoot": "${workspaceRoot}"
    },
    {
        //設定直接啟動node程式
        "name": "node", 
        "type": "node",
        "request": "launch",
        "program": "${file}", 
        "stopOnEntry": false,
        "args": [],
        "cwd": "${workspaceRoot}",
        "runtimeExecutable": null,
        "runtimeArgs": [
            "--nolazy"
        ],
        "env": {
            "NODE_ENV": "development"
        },
        "console": "internalConsole",
        "preLaunchTask": "",
        "sourceMaps": false,
    }
]
}
 

設定完儲存就可以了。

如何使用呢？

測試網頁檔案步驟

1.選擇你的檔案，這裡假設一個測試網頁檔案temp.html,如圖：

2.點選左側這個圖示，然後選擇我們剛才設定的“谷歌瀏覽器”，點選開始的綠色按鈕就可以；

測試node程式怎麼用？

把上面圖片第二步中選擇的谷歌瀏覽器改為“node”即可；

（直接測試的快捷鍵是f5）