1. 程式人生 > >vscode之除錯js

vscode之除錯js

使用vscode 可以直接對js檔案進行除錯,好強大。今天試了一把,很爽。

首先安裝vscode

然後直接寫一段js檔案:

然後F5除錯,選擇nodejs

會有個配置檔案,我是這麼配置的:

如果想除錯當前的檔案,使用這個配置即可。

 {
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${file}",
            "sourceMaps": true
        }
    ]
}

 配置就緒之後,一直出錯,提示

cannot find runtime ‘node’ on path

後來想想,可能是nodejs沒有安裝導致,

又去nodejs官網下載安裝包:

安裝完之後,居然還是不行,奇怪了。。。。。。

過了好久,我重啟了一下vscode,然後居然好了。可以在控制檯輸出結果,也可以debug除錯。

 另外,推薦一個外掛,可以直接選擇程式碼,然後執行,輸出結果,對於開發來說,也是一件很舒服的事情。

 

執行之後,在output輸出結果如下:

 

至此,使用vscode除錯js完成測試。