1. 程式人生 > 實用技巧 >vscode裡的launch.json是幹什麼用的

vscode裡的launch.json是幹什麼用的

launch.json是vscode用於除錯的配置檔案,比如指定除錯語言環境,指定除錯型別等等。我們第一次執行程式的時候,就可以選擇讓vscode自動幫我們創建出來。我們這裡以除錯node.js環境為例。

點選debug時會有一個create a launch.json的連結。

根據我們的環境選擇Node.js

vscode建立好之後會把這個檔案放入.vscode檔案目錄下。

其中"type","request","name"這三個是必須要配置的,不管你用什麼程式設計環境。
type指定程式設計環境,比如node,php,java我們這裡是node
request指定除錯模式,vscode只有兩種除錯模式,launch和attach
name給配置項起一個名字。launch.json是一個configurations,裡面可以有很多個配置,這裡的name就是配置的名字。


接下來在說說launch和attach的區別:
以launch方式啟動的時候,vscode直接從本地專案啟動並自動的為我們自動新增一個偵錯程式,這也是為什麼我們能在launch模式下打斷點的原因。這是我們最經常用的。
而想以attach方式啟動,通常需要一個已經在跑的專案,比如一個web服務,這個服務很可能是在遠端或者在本地但是重啟速度很慢的那種專案,因為這個web服務
是在遠端的我們沒法打斷點,但是可以通過attach啟動的方式在這個遠端的服務外面包裹一層偵錯程式,達到除錯的目的。

我們這裡也演示一個demo建立一個server:

const http = require("http");

const server 
= http.createServer((req,res) => { res.end("hello world"); }); server.listen(3000,() => { console.log("Server is listening on 3000 port"); });

以launch方式啟動,非常簡單,點選左上角那個Launch Program就可以了。

接下來詳細說一下用attach啟動。首先我們要先加一個attach啟動的配置項。

選擇右邊的add configuration,然後新增一個Attach by Process ID,這個配置項就被新增好了。


接著我們要先從終端啟動這個web。

終端啟動後之後,在啟動左上角的那個

然後就可以除錯了。這種就是雖然以第三方終端啟動的,但是還是可以通過attach方式來除錯。

最後給大家推薦一個VS Code的教程:https://www.bilibili.com/video/BV1Jf4y1S7Bw/?spm_id_from=333.788.videocard.0