Quá trình khởi động lại nodejs

Một trong những tính năng chính của Visual Studio Code là khả năng hỗ trợ gỡ lỗi tuyệt vời của nó. Trình gỡ lỗi tích hợp của VS Code giúp tăng tốc vòng lặp chỉnh sửa, biên dịch và gỡ lỗi của bạn

Quá trình khởi động lại nodejs

Tiện ích mở rộng trình gỡ lỗi

Mã VS có hỗ trợ gỡ lỗi tích hợp cho Nút. js và có thể gỡ lỗi JavaScript, TypeScript hoặc bất kỳ ngôn ngữ nào khác được dịch sang JavaScript

Để gỡ lỗi các ngôn ngữ và thời gian chạy khác (bao gồm PHP, Ruby, Go, C#, Python, C++, PowerShell và nhiều ngôn ngữ khác), hãy tìm tiện ích mở rộng

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
4 trong Thị trường mã VS hoặc chọn Cài đặt trình gỡ lỗi bổ sung trong menu Chạy cấp cao nhất

Dưới đây là một số tiện ích mở rộng phổ biến bao gồm hỗ trợ gỡ lỗi

Mẹo. Các tiện ích mở rộng được hiển thị ở trên được truy vấn động. Chọn một ô tiện ích mở rộng ở trên để đọc mô tả và đánh giá nhằm quyết định tiện ích mở rộng nào phù hợp nhất với bạn

Bắt đầu gỡ lỗi

Tài liệu sau dựa trên Node tích hợp. js, nhưng hầu hết các khái niệm và tính năng cũng có thể áp dụng cho các trình gỡ lỗi khác

Trước tiên, rất hữu ích khi tạo một Nút mẫu. js trước khi đọc về gỡ lỗi. Bạn có thể theo dõi Nút. js hướng dẫn cài đặt Node. js và tạo ứng dụng JavaScript "Xin chào thế giới" đơn giản (

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
0). Khi bạn đã thiết lập một ứng dụng đơn giản, trang này sẽ đưa bạn qua các tính năng gỡ lỗi Mã VS

Chế độ xem Chạy và Gỡ lỗi

Để hiển thị chế độ xem Chạy và gỡ lỗi, hãy chọn biểu tượng Chạy và gỡ lỗi trong Thanh hoạt động ở bên cạnh Mã VS. Bạn cũng có thể sử dụng phím tắt ⇧⌘D (Windows, Linux Ctrl+Shift+D).

Quá trình khởi động lại nodejs

Chế độ xem Chạy và Gỡ lỗi hiển thị tất cả thông tin liên quan đến việc chạy và gỡ lỗi và có một thanh trên cùng với các lệnh gỡ lỗi và cài đặt cấu hình

Nếu chạy và gỡ lỗi chưa được định cấu hình (không có

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
1 nào được tạo), Mã VS sẽ hiển thị chế độ xem Bắt đầu chạy

Quá trình khởi động lại nodejs

chạy menu

Menu Run cấp cao nhất có các lệnh chạy và gỡ lỗi phổ biến nhất

Quá trình khởi động lại nodejs

Khởi chạy cấu hình

Để chạy hoặc gỡ lỗi một ứng dụng đơn giản trong Mã VS, hãy chọn Chạy và gỡ lỗi trên giao diện bắt đầu gỡ lỗi hoặc nhấn F5 và Mã VS sẽ .

Tuy nhiên, đối với hầu hết các tình huống gỡ lỗi, việc tạo tệp cấu hình khởi chạy sẽ có lợi vì nó cho phép bạn định cấu hình và lưu chi tiết thiết lập gỡ lỗi. Mã VS tiếp tục gỡ lỗi thông tin cấu hình trong tệp

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
1 nằm trong thư mục
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
3 trong không gian làm việc của bạn (thư mục gốc của dự án) hoặc trong cài đặt người dùng hoặc cài đặt không gian làm việc của bạn

Để tạo tệp

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
1, hãy nhấp vào nút tạo tệp khởi chạy. json trong giao diện Run start

Quá trình khởi động lại nodejs

Mã VS sẽ cố gắng tự động phát hiện môi trường gỡ lỗi của bạn, nhưng nếu điều này không thành công, bạn sẽ phải chọn nó theo cách thủ công

Quá trình khởi động lại nodejs

Đây là cấu hình khởi chạy được tạo cho Node. gỡ lỗi js

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "skipFiles": ["/**"],
      "program": "${workspaceFolder}\\app.js"
    }
  ]
}

Nếu bạn quay lại chế độ xem File Explorer ( ⇧⌘E (Windows, Linux Ctrl . )), you'll see that VS Code has created a

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
3 folder and added the
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
1 file to your workspace.

Quá trình khởi động lại nodejs

Ghi chú. Bạn có thể gỡ lỗi một ứng dụng đơn giản ngay cả khi bạn không mở thư mục trong Mã VS, nhưng không thể quản lý cấu hình khởi chạy và thiết lập gỡ lỗi nâng cao. Thanh trạng thái mã VS có màu tím nếu bạn không mở thư mục

Lưu ý rằng các thuộc tính có sẵn trong cấu hình khởi chạy sẽ khác nhau giữa trình gỡ lỗi và trình gỡ lỗi. Bạn có thể sử dụng đề xuất IntelliSense ( ⌃Space (Windows, Linux Ctrl+Space)) to find out which attributes exist for a specific debugger. Hover help is also available for all attributes.

Đừng cho rằng một thuộc tính có sẵn cho một trình gỡ lỗi cũng tự động hoạt động cho các trình gỡ lỗi khác. Nếu bạn thấy các dòng chữ nguệch ngoạc màu xanh lá cây trong cấu hình khởi chạy của mình, hãy di chuột qua chúng để tìm hiểu vấn đề là gì và cố gắng khắc phục chúng trước khi khởi chạy phiên gỡ lỗi

Quá trình khởi động lại nodejs

Xem lại tất cả các giá trị được tạo tự động và đảm bảo rằng chúng có ý nghĩa đối với dự án và môi trường gỡ lỗi của bạn

Khởi chạy so với đính kèm cấu hình

Trong Mã VS, có hai chế độ gỡ lỗi cốt lõi, Khởi chạy và Đính kèm, xử lý hai quy trình công việc và phân đoạn khác nhau của nhà phát triển. Tùy thuộc vào quy trình làm việc của bạn, có thể gây nhầm lẫn khi biết loại cấu hình nào phù hợp với dự án của bạn

Nếu bạn đến từ nền tảng Công cụ dành cho nhà phát triển của trình duyệt, bạn có thể không quen với việc "khởi chạy từ công cụ của mình" vì phiên bản trình duyệt của bạn đã mở. Khi bạn mở DevTools, bạn chỉ cần đính kèm DevTools vào tab trình duyệt đang mở của mình. Mặt khác, nếu bạn đến từ nền máy chủ hoặc màn hình nền, việc trình chỉnh sửa của bạn khởi chạy quy trình cho bạn là điều bình thường và trình chỉnh sửa của bạn sẽ tự động đính kèm trình gỡ lỗi của nó vào quy trình mới được khởi chạy

Cách tốt nhất để giải thích sự khác biệt giữa khởi chạy và đính kèm là coi cấu hình khởi chạy như một công thức về cách khởi động ứng dụng của bạn ở chế độ gỡ lỗi trước khi Mã VS gắn vào nó, trong khi cấu hình đính kèm là công thức về cách kết nối Mã VS

Trình gỡ lỗi VS Code thường hỗ trợ khởi chạy chương trình ở chế độ gỡ lỗi hoặc đính kèm vào chương trình đã chạy ở chế độ gỡ lỗi. Tùy thuộc vào yêu cầu (

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
7 hoặc
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
8), các thuộc tính khác nhau được yêu cầu và việc xác thực và đề xuất
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
1 của Mã VS sẽ giúp ích cho điều đó

Thêm cấu hình mới

Để thêm cấu hình mới vào

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
1 hiện có, hãy sử dụng một trong các kỹ thuật sau

  • Sử dụng IntelliSense nếu con trỏ của bạn nằm bên trong mảng cấu hình
  • Nhấn nút Thêm cấu hình để gọi đoạn mã IntelliSense ở đầu mảng
  • Chọn tùy chọn Thêm cấu hình trong menu Chạy

Quá trình khởi động lại nodejs

Mã VS cũng hỗ trợ các cấu hình khởi chạy hỗn hợp để bắt đầu nhiều cấu hình cùng một lúc;

Để bắt đầu phiên gỡ lỗi, trước tiên hãy chọn cấu hình có tên Khởi chạy Chương trình bằng menu thả xuống Cấu hình trong chế độ xem Chạy và Gỡ lỗi. Khi bạn đã đặt cấu hình khởi chạy, hãy bắt đầu phiên gỡ lỗi của mình bằng F5 .

Ngoài ra, bạn có thể chạy cấu hình của mình thông qua Bảng lệnh ( ⇧⌘P (Windows, Linux Ctrl+Shift+P)) by filtering on Debug: Select and Start Debugging or typing

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
21 and selecting the configuration you want to debug.

Ngay khi phiên gỡ lỗi bắt đầu, bảng DEBUG CONSOLE sẽ hiển thị và hiển thị đầu ra gỡ lỗi, đồng thời Thanh trạng thái thay đổi màu (màu cam cho chủ đề màu mặc định)

Quá trình khởi động lại nodejs

Ngoài ra, trạng thái gỡ lỗi xuất hiện trên Thanh trạng thái hiển thị cấu hình gỡ lỗi đang hoạt động. Bằng cách chọn trạng thái gỡ lỗi, người dùng có thể thay đổi cấu hình khởi chạy đang hoạt động và bắt đầu gỡ lỗi mà không cần mở chế độ xem Chạy và gỡ lỗi

Quá trình khởi động lại nodejs

hành động gỡ lỗi

Khi phiên gỡ lỗi bắt đầu, thanh công cụ Gỡ lỗi sẽ xuất hiện trên đầu trình chỉnh sửa

Quá trình khởi động lại nodejs

ActionExplanationTiếp tục / Tạm dừng
F5 Tiếp tục. Tiếp tục thực thi chương trình/tập lệnh bình thường (đến điểm ngắt tiếp theo).
Tạm dừng. Kiểm tra việc thực thi mã ở dòng hiện tại và gỡ lỗi từng dòng. Bước qua
F10 Thực thi phương thức tiếp theo dưới dạng một lệnh mà không cần kiểm tra hoặc làm theo các bước thành phần của nó. Bước vào
F11 Nhập phương thức tiếp theo để thực hiện từng dòng một. Bước ra ngoài
⇧F11 (Windows, Linux Shift+F11 )When inside a method or subroutine, return to the earlier execution context by completing remaining lines of the current method as though it were a single command.Restart
⇧⌘F5 (Windows, Linux Ctrl+Shift+F5 ) . DừngTerminate the current program execution and start debugging again using the current run configuration.Stop
⇧F5 (Windows, Linux Shift+F5 )Terminate the current program execution.

Mẹo. Sử dụng cài đặt

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
22 để kiểm soát vị trí của thanh công cụ gỡ lỗi. Nó có thể là
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
23,
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
24 mặc định cho chế độ xem Chạy và Gỡ lỗi hoặc
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
25. Thanh công cụ gỡ lỗi
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
23 có thể được kéo theo chiều ngang và kéo xuống vùng soạn thảo

Chế độ chạy

Ngoài việc gỡ lỗi chương trình, VS Code còn hỗ trợ chạy chương trình. Gỡ lỗi. Hành động Chạy (Bắt đầu mà không gỡ lỗi) được kích hoạt bằng ⌃F5 (Windows, Linux Ctrl+F5) and uses the currently selected launch configuration. Many of the launch configuration attributes are supported in 'Run' mode. VS Code maintains a debug session while the program is running, and pressing the Stop button terminates the program.

Mẹo. Hành động Chạy luôn khả dụng, nhưng không phải tất cả các tiện ích mở rộng của trình gỡ lỗi đều hỗ trợ 'Chạy'. Trong trường hợp này, 'Chạy' sẽ giống như 'Gỡ lỗi'

Điểm dừng

Bạn có thể bật/tắt điểm ngắt bằng cách nhấp vào lề trình chỉnh sửa hoặc sử dụng F9 trên dòng hiện tại. Có thể thực hiện kiểm soát điểm ngắt tốt hơn (bật/tắt/áp dụng lại) trong phần BREAKPOINTS của chế độ xem Chạy và Gỡ lỗi.

  • Các điểm ngắt trong lề trình chỉnh sửa thường được hiển thị dưới dạng các vòng tròn màu đỏ
  • Điểm dừng bị vô hiệu hóa có một vòng tròn màu xám đầy
  • Khi phiên gỡ lỗi bắt đầu, các điểm dừng không thể đăng ký với trình gỡ lỗi sẽ chuyển thành vòng tròn rỗng màu xám. Điều tương tự cũng có thể xảy ra nếu nguồn được chỉnh sửa trong khi phiên gỡ lỗi không có hỗ trợ chỉnh sửa trực tiếp đang chạy

Nếu trình gỡ lỗi hỗ trợ phá vỡ các loại lỗi hoặc ngoại lệ khác nhau, thì chúng cũng sẽ có sẵn trong chế độ xem BREAKPOINTS

Lệnh Áp dụng lại tất cả các điểm dừng đặt lại tất cả các điểm dừng về vị trí ban đầu của chúng. Điều này hữu ích nếu môi trường gỡ lỗi của bạn "lười biếng" và "đặt sai chỗ" các điểm ngắt trong mã nguồn chưa được thực thi

Quá trình khởi động lại nodejs

Theo tùy chọn, các điểm dừng có thể được hiển thị trong thước đo tổng quan của trình chỉnh sửa bằng cách bật cài đặt

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
27

Quá trình khởi động lại nodejs

Điểm đăng nhập

Logpoint là một biến thể của breakpoint không "đột nhập" vào trình gỡ lỗi mà thay vào đó ghi một thông báo vào bảng điều khiển. Các điểm đăng nhập đặc biệt hữu ích để thêm ghi nhật ký trong khi gỡ lỗi các máy chủ sản xuất không thể tạm dừng hoặc dừng

Logpoint được biểu thị bằng biểu tượng hình "kim cương". Thông điệp tường trình là văn bản thuần túy nhưng có thể bao gồm các biểu thức được đánh giá trong dấu ngoặc nhọn ('{}')

Quá trình khởi động lại nodejs

Giống như các điểm ngắt thông thường, Điểm ghi có thể được bật hoặc tắt và cũng có thể được kiểm soát bởi một điều kiện và/hoặc số lần truy cập

Ghi chú. Điểm đăng nhập được hỗ trợ bởi Nút tích hợp của Mã VS. js, nhưng có thể được triển khai bởi các phần mở rộng gỡ lỗi khác. Ví dụ, các tiện ích mở rộng Python và Java hỗ trợ Logpoints

kiểm tra dữ liệu

Có thể kiểm tra các biến trong phần BIẾN của chế độ xem Chạy và Gỡ lỗi hoặc bằng cách di chuột qua nguồn của chúng trong trình chỉnh sửa. Các giá trị biến và đánh giá biểu thức có liên quan đến khung ngăn xếp đã chọn trong phần CALL STACK

Quá trình khởi động lại nodejs

Giá trị biến có thể được sửa đổi bằng hành động Đặt giá trị từ menu ngữ cảnh của biến. Ngoài ra, bạn có thể sử dụng tác vụ Sao chép giá trị để sao chép giá trị của biến hoặc tác vụ Sao chép dưới dạng biểu thức để sao chép một biểu thức nhằm truy cập vào biến

Các biến và biểu thức cũng có thể được đánh giá và xem trong phần XEM của chế độ xem Chạy và Gỡ lỗi

Quá trình khởi động lại nodejs

Tên và giá trị biến có thể được lọc bằng cách nhập trong khi tiêu điểm nằm trên phần BIẾN

Quá trình khởi động lại nodejs

Phóng. thuộc tính json

Có nhiều thuộc tính

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
1 để giúp hỗ trợ các trình gỡ lỗi và tình huống gỡ lỗi khác nhau. Như đã đề cập ở trên, bạn có thể sử dụng IntelliSense ( ⌃Space (Windows, Linux Ctrl+Space)) to see the list of available attributes once you have specified a value for the
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
29 attribute.

Quá trình khởi động lại nodejs

Các thuộc tính sau là bắt buộc đối với mọi cấu hình khởi chạy

  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    29 - loại trình gỡ lỗi sẽ sử dụng cho cấu hình khởi chạy này. Mỗi tiện ích mở rộng gỡ lỗi được cài đặt đều giới thiệu một loại. Ví dụ:
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    21 cho trình gỡ lỗi Node tích hợp hoặc
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    22 và
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    23 cho tiện ích mở rộng PHP và Go
  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    24 - loại yêu cầu của cấu hình khởi chạy này. Hiện tại,
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    8 và
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    7 được hỗ trợ
  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    27 - tên thân thiện với người đọc sẽ xuất hiện trong danh sách thả xuống cấu hình khởi chạy Gỡ lỗi

Dưới đây là một số thuộc tính tùy chọn có sẵn cho tất cả các cấu hình khởi chạy

  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    28 - sử dụng các thuộc tính
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    29,
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    10 và
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    25 trong đối tượng
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    28, bạn có thể sắp xếp, nhóm và ẩn các cấu hình và tổ hợp trong trình đơn thả xuống Cấu hình gỡ lỗi và trong phần chọn nhanh Gỡ lỗi
  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    13 - để khởi chạy tác vụ trước khi bắt đầu phiên gỡ lỗi, hãy đặt thuộc tính này thành nhãn của tác vụ được chỉ định trong tác vụ. json (trong thư mục
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    3 của không gian làm việc). Hoặc, điều này có thể được đặt thành
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    15 để sử dụng tác vụ xây dựng mặc định của bạn
  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    16 - để khởi chạy tác vụ ở cuối phiên gỡ lỗi, hãy đặt thuộc tính này thành tên của tác vụ được chỉ định trong tác vụ. json (trong thư mục
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    3 của không gian làm việc)
  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    18 - thuộc tính này kiểm soát khả năng hiển thị của bảng điều khiển Gỡ lỗi trong phiên gỡ lỗi
  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    19 - chỉ dành cho tác giả tiện ích gỡ lỗi. thuộc tính này cho phép bạn kết nối với một cổng được chỉ định thay vì khởi chạy bộ điều hợp gỡ lỗi
  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    10 - nếu bạn muốn mở một URL trong trình duyệt web bất cứ khi nào chương trình đang gỡ lỗi đưa ra một thông báo cụ thể tới bảng điều khiển gỡ lỗi hoặc thiết bị đầu cuối tích hợp. Để biết chi tiết, hãy xem phần Tự động mở URI khi gỡ lỗi chương trình máy chủ bên dưới

Nhiều trình gỡ lỗi hỗ trợ một số thuộc tính sau

  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    11 - tệp thực thi hoặc tệp để chạy khi khởi chạy trình gỡ lỗi
  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    12 - đối số được chuyển đến chương trình để gỡ lỗi
  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    13 - biến môi trường (giá trị
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    14 có thể được sử dụng để "xác định" một biến)
  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    15 - đường dẫn đến tệp dotenv với các biến môi trường
  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    16 - thư mục làm việc hiện tại để tìm các tệp phụ thuộc và các tệp khác
  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    17 - cổng khi gắn vào một tiến trình đang chạy
  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    18 - nghỉ ngay khi chương trình ra mắt
  • {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    19 - sử dụng loại bảng điều khiển nào, ví dụ:
    {
      "version": "0.2.0",
      "configurations": [
        {
          "type": "node",
          "request": "launch",
          "name": "Launch Program",
          "skipFiles": ["/**"],
          "program": "${workspaceFolder}\\app.js"
        }
      ]
    }
    
    10,
    {
      "version": "0.2.0",
      "configurations": [
        {
          "type": "node",
          "request": "launch",
          "name": "Launch Program",
          "skipFiles": ["/**"],
          "program": "${workspaceFolder}\\app.js"
        }
      ]
    }
    
    11 hoặc
    {
      "version": "0.2.0",
      "configurations": [
        {
          "type": "node",
          "request": "launch",
          "name": "Launch Program",
          "skipFiles": ["/**"],
          "program": "${workspaceFolder}\\app.js"
        }
      ]
    }
    
    12

thay thế biến

Mã VS cung cấp các đường dẫn thường được sử dụng và các giá trị khác dưới dạng biến và hỗ trợ thay thế biến bên trong các chuỗi trong

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
1. Điều này có nghĩa là bạn không phải sử dụng đường dẫn tuyệt đối trong cấu hình gỡ lỗi. Ví dụ:
{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "skipFiles": ["/**"],
      "program": "${workspaceFolder}\\app.js"
    }
  ]
}
14 cung cấp đường dẫn gốc của thư mục không gian làm việc,
{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "skipFiles": ["/**"],
      "program": "${workspaceFolder}\\app.js"
    }
  ]
}
15 mở tệp trong trình chỉnh sửa đang hoạt động và
{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "skipFiles": ["/**"],
      "program": "${workspaceFolder}\\app.js"
    }
  ]
}
16 biến môi trường 'Tên'. Bạn có thể xem danh sách đầy đủ các biến được xác định trước trong Tham chiếu biến hoặc bằng cách gọi IntelliSense bên trong thuộc tính chuỗi
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
1

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}

Thuộc tính dành riêng cho nền tảng

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "skipFiles": ["/**"],
      "program": "${workspaceFolder}\\app.js"
    }
  ]
}
18 hỗ trợ xác định giá trị (ví dụ: đối số được truyền cho chương trình) phụ thuộc vào hệ điều hành nơi trình gỡ lỗi đang chạy. Để làm như vậy, hãy đặt một ký tự dành riêng cho nền tảng vào tệp
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
1 và chỉ định các thuộc tính tương ứng bên trong ký tự đó.

Dưới đây là một ví dụ chuyển

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
20 sang chương trình khác trên Windows

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
2

Các thuộc tính vận hành hợp lệ là

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
21 cho Windows,
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
22 cho Linux và
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
23 cho macOS. Các thuộc tính được xác định trong phạm vi cụ thể của hệ điều hành sẽ ghi đè các thuộc tính được xác định trong phạm vi toàn cầu

Xin lưu ý rằng thuộc tính

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
29 không thể được đặt bên trong phần dành riêng cho nền tảng vì
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
29 gián tiếp xác định nền tảng trong các tình huống gỡ lỗi từ xa và điều đó sẽ dẫn đến sự phụ thuộc theo chu kỳ

Trong ví dụ bên dưới, việc gỡ lỗi chương trình luôn dừng ở mục ngoại trừ trên macOS

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
2

Cấu hình khởi chạy toàn cầu

Mã VS hỗ trợ thêm đối tượng

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
26 bên trong cài đặt Người dùng của bạn. Cấu hình
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
26 này sau đó sẽ được chia sẻ trên các không gian làm việc của bạn. Ví dụ

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
1

Chủ đề điểm dừng nâng cao

Điểm dừng có điều kiện

Tính năng gỡ lỗi mạnh mẽ của Mã VS là khả năng đặt điều kiện dựa trên biểu thức, số lần truy cập hoặc kết hợp cả hai

  • điều kiện biểu thức. Điểm ngắt sẽ được nhấn bất cứ khi nào biểu thức ước tính thành
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    28
  • số lượt truy cập. 'Số lần truy cập' kiểm soát số lần điểm dừng cần được nhấn trước khi nó 'phá vỡ' quá trình thực thi. Liệu 'số lần truy cập' có được tôn trọng hay không và cú pháp chính xác của biểu thức có khác nhau giữa các tiện ích mở rộng của trình gỡ lỗi hay không

Bạn có thể thêm một điều kiện và/hoặc số lần truy cập khi tạo một điểm ngắt nguồn (với tác vụ Thêm điểm ngắt có điều kiện) hoặc khi sửa đổi một điểm hiện có (với tác vụ Chỉnh sửa điều kiện). Trong cả hai trường hợp, hộp văn bản nội tuyến có menu thả xuống sẽ mở ra nơi bạn có thể nhập biểu thức

Quá trình khởi động lại nodejs

Hỗ trợ chỉnh sửa điều kiện và số lần truy cập cũng được hỗ trợ cho các điểm ngắt chức năng và ngoại lệ. Bạn có thể bắt đầu chỉnh sửa điều kiện từ menu ngữ cảnh hoặc hành động Chỉnh sửa điều kiện nội tuyến mới

Ví dụ về chỉnh sửa điều kiện trong chế độ xem BREAKPOINTS.

Quá trình khởi động lại nodejs

Nếu trình gỡ lỗi không hỗ trợ các điểm ngắt có điều kiện, các hành động Thêm điểm ngắt có điều kiện và Chỉnh sửa điều kiện sẽ bị thiếu

Điểm dừng nội tuyến

Các điểm ngắt nội tuyến sẽ chỉ bị tấn công khi thực thi đến cột được liên kết với điểm ngắt nội tuyến. Điều này đặc biệt hữu ích khi gỡ lỗi mã rút gọn chứa nhiều câu lệnh trong một dòng

Có thể đặt điểm dừng nội tuyến bằng cách sử dụng ⇧F9 (Windows, Linux Shift+F9) or through the context menu during a debug session. Inline breakpoints are shown inline in the editor.

Điểm dừng nội tuyến cũng có thể có điều kiện. Có thể chỉnh sửa nhiều điểm dừng trên một dòng thông qua menu ngữ cảnh ở lề trái của trình chỉnh sửa

điểm dừng chức năng

Thay vì đặt các điểm ngắt trực tiếp trong mã nguồn, trình gỡ lỗi có thể hỗ trợ tạo các điểm ngắt bằng cách chỉ định tên hàm. Điều này rất hữu ích trong các trường hợp không có nguồn nhưng đã biết tên hàm

Điểm dừng chức năng được tạo bằng cách nhấn nút + trong tiêu đề phần BREAKPOINTS và nhập tên chức năng. Điểm ngắt chức năng được hiển thị bằng hình tam giác màu đỏ trong phần ĐIỂM ĐỘT PHÁ

Điểm ngắt dữ liệu

Nếu trình gỡ lỗi hỗ trợ các điểm dừng dữ liệu, chúng có thể được đặt từ dạng xem VARIABLES và sẽ bị ảnh hưởng khi giá trị của biến cơ bản thay đổi. Điểm ngắt dữ liệu được hiển thị bằng hình lục giác màu đỏ trong phần ĐIỂM ĐỘT PHÁ

Bảng điều khiển gỡ lỗi REPL

Các biểu thức có thể được đánh giá bằng tính năng REPL (Vòng đọc-Đánh giá-In) của Bảng điều khiển gỡ lỗi. Để mở Bảng điều khiển gỡ lỗi, hãy sử dụng hành động Bảng điều khiển gỡ lỗi ở đầu ngăn Gỡ lỗi hoặc sử dụng Chế độ xem. Lệnh Bảng điều khiển gỡ lỗi ( ⇧⌘Y (Windows, Linux Ctrl+Shift+Y)). Expressions are evaluated after you press Enter và Bảng điều khiển gỡ lỗi REPL hiển thị các đề xuất khi bạn nhập. Nếu bạn cần nhập nhiều dòng, hãy sử dụng Shift+Enter giữa các dòng rồi gửi tất cả các dòng để đánh giá bằng . Đầu vào của Bảng điều khiển gỡ lỗi sử dụng chế độ của trình soạn thảo đang hoạt động, có nghĩa là đầu vào của Bảng điều khiển gỡ lỗi hỗ trợ tô màu cú pháp, thụt lề, tự động đóng dấu ngoặc kép và các tính năng ngôn ngữ khác. . Debug Console input uses the mode of the active editor, which means that the Debug Console input supports syntax coloring, indentation, auto closing of quotes, and other language features.

Quá trình khởi động lại nodejs

Ghi chú. Bạn phải ở trong phiên gỡ lỗi đang chạy để sử dụng Bảng điều khiển gỡ lỗi REPL

Chuyển hướng đầu vào/đầu ra đến/từ mục tiêu gỡ lỗi

Chuyển hướng đầu vào/đầu ra là dành riêng cho trình gỡ lỗi/thời gian chạy, vì vậy Mã VS không có giải pháp tích hợp phù hợp với tất cả các trình gỡ lỗi

Đây là hai cách tiếp cận bạn có thể muốn xem xét

  1. Khởi chạy chương trình để gỡ lỗi ("mục tiêu gỡ lỗi") theo cách thủ công trong thiết bị đầu cuối hoặc dấu nhắc lệnh và chuyển hướng đầu vào/đầu ra khi cần. Đảm bảo chuyển các tùy chọn dòng lệnh thích hợp cho mục tiêu gỡ lỗi để trình gỡ lỗi có thể đính kèm vào đó. Tạo và chạy cấu hình gỡ lỗi "đính kèm" gắn vào mục tiêu gỡ lỗi

  2. If the debugger extension you are using can run the debug target in VS Code's Integrated Terminal (or an external terminal), you can try to pass the shell redirect syntax (for example, "<" or ">") as arguments.

Đây là một ví dụ về cấu hình

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
1

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
1

Cách tiếp cận này yêu cầu cú pháp "<" được chuyển qua tiện ích mở rộng trình gỡ lỗi và không bị sửa đổi trong Thiết bị đầu cuối tích hợp

Gỡ lỗi đa mục tiêu

Đối với các tình huống phức tạp liên quan đến nhiều quy trình (ví dụ: máy khách và máy chủ), Mã VS hỗ trợ gỡ lỗi đa mục tiêu

Sử dụng gỡ lỗi đa mục tiêu rất đơn giản. sau khi bạn bắt đầu phiên gỡ lỗi đầu tiên, bạn có thể khởi chạy một phiên khác. Ngay khi phiên thứ hai bắt đầu và chạy, VS Code UI chuyển sang chế độ đa mục tiêu

  • Các phiên riêng lẻ hiện hiển thị dưới dạng các thành phần cấp cao nhất trong chế độ xem CALL STACK
    Quá trình khởi động lại nodejs
  • Thanh công cụ gỡ lỗi hiển thị phiên hiện đang hoạt động (và tất cả các phiên khác có sẵn trong menu thả xuống)
    Quá trình khởi động lại nodejs
  • Các hành động gỡ lỗi (ví dụ: tất cả các hành động trong thanh công cụ gỡ lỗi) được thực hiện trên phiên hoạt động. Phiên hoạt động có thể được thay đổi bằng cách sử dụng menu thả xuống trong thanh công cụ gỡ lỗi hoặc bằng cách chọn một thành phần khác trong chế độ xem CALL STACK

Cấu hình khởi chạy hợp chất

Một cách khác để bắt đầu nhiều phiên gỡ lỗi là sử dụng cấu hình khởi chạy phức hợp. Cấu hình khởi chạy hỗn hợp liệt kê tên của hai hoặc nhiều cấu hình khởi chạy sẽ được khởi chạy song song. Tùy chọn có thể chỉ định một

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
13 được chạy trước khi bắt đầu các phiên gỡ lỗi riêng lẻ. Cờ boolean
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
71 kiểm soát việc chấm dứt thủ công một phiên có dừng tất cả các phiên ghép hay không

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "skipFiles": ["/**"],
      "program": "${workspaceFolder}\\app.js"
    }
  ]
}
1

Cấu hình khởi chạy hợp chất được hiển thị trong menu thả xuống cấu hình khởi chạy

gỡ lỗi từ xa

Bản thân Mã VS không hỗ trợ gỡ lỗi từ xa. đây là một tính năng của tiện ích mở rộng gỡ lỗi mà bạn đang sử dụng và bạn nên tham khảo trang của tiện ích mở rộng trong Thị trường để được hỗ trợ và biết chi tiết

Tuy nhiên, có một ngoại lệ. nút. trình gỡ lỗi js có trong Mã VS hỗ trợ gỡ lỗi từ xa. Xem nút. js Chủ đề gỡ lỗi để tìm hiểu cách định cấu hình này

Tự động mở URI khi gỡ lỗi chương trình máy chủ

Việc phát triển một chương trình web thường yêu cầu mở một URL cụ thể trong trình duyệt web để truy cập mã máy chủ trong trình gỡ lỗi. VS Code có sẵn tính năng "serverReadyAction" để tự động hóa tác vụ này

Đây là một ví dụ về một nút đơn giản. ứng dụng js Express

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
2

Trước tiên, ứng dụng này sẽ cài đặt trình xử lý "Xin chào thế giới" cho URL "/" và sau đó bắt đầu lắng nghe các kết nối HTTP trên cổng 3000. Cổng được công bố trong Bảng điều khiển gỡ lỗi và thông thường, nhà phát triển sẽ nhập

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
72 vào ứng dụng trình duyệt của họ

Tính năng serverReadyAction cho phép thêm thuộc tính có cấu trúc

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
10 vào bất kỳ cấu hình khởi chạy nào và chọn một "hành động" sẽ được thực hiện

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
7

Ở đây, thuộc tính

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
74 mô tả biểu thức chính quy để khớp với chuỗi đầu ra của chương trình thông báo cổng. Mẫu cho số cổng được đặt trong dấu ngoặc đơn để nó có sẵn dưới dạng nhóm chụp biểu thức chính quy. Trong ví dụ này, chúng tôi chỉ trích xuất số cổng, nhưng cũng có thể trích xuất toàn bộ URI

Thuộc tính

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
75 mô tả cách số cổng được chuyển thành URI.
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
76 đầu tiên được thay thế bằng nhóm chụp đầu tiên của mẫu phù hợp

URI kết quả sau đó được mở bên ngoài Mã VS ("bên ngoài") với ứng dụng tiêu chuẩn được định cấu hình cho lược đồ của URI

Gỡ lỗi kích hoạt qua Edge hoặc Chrome

Ngoài ra, có thể đặt

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
77 thành
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
78 hoặc
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
79. Trong chế độ này, có thể thêm thuộc tính
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
40 được chuyển đến phiên gỡ lỗi của Chrome hoặc Edge

Để đơn giản hóa mọi thứ một chút, hầu hết các thuộc tính là tùy chọn và chúng tôi sử dụng các giá trị dự phòng sau

  • họa tiết.
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    41 phù hợp với các thông báo thường được sử dụng "đang nghe trên cổng 3000" hoặc "Hiện đang nghe trên. https. //máy chủ cục bộ. 5001"
  • uriFormat.
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    42
  • webRoot.
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js",
      "cwd": "${workspaceFolder}",
      "args": ["${env:USERNAME}"]
    }
    
    43

Kích hoạt cấu hình khởi chạy tùy ý

Trong một số trường hợp, bạn có thể cần định cấu hình các tùy chọn bổ sung cho phiên gỡ lỗi của trình duyệt--hoặc sử dụng hoàn toàn một trình gỡ lỗi khác. Bạn có thể thực hiện việc này bằng cách đặt

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
77 thành
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
45 với thuộc tính
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
27 được đặt thành tên của cấu hình khởi chạy để bắt đầu khi khớp với
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
74

Cấu hình khởi chạy được đặt tên phải nằm trong cùng một tệp hoặc thư mục với tệp hoặc thư mục có

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
10

Đây là tính năng serverReadyAction đang hoạt động

Quá trình khởi động lại nodejs

Bước tiếp theo

Để tìm hiểu về VS Code's Node. hỗ trợ gỡ lỗi js, hãy xem

  • Nút. js - Mô tả Nút. js, được bao gồm trong Mã VS
  • TypeScript - Nút. trình gỡ lỗi js cũng hỗ trợ gỡ lỗi TypeScript

Để xem hướng dẫn về những điều cơ bản của Node. js, hãy xem các video này

  • Video giới thiệu - Gỡ lỗi - Giới thiệu những điều cơ bản về gỡ lỗi
  • Bắt đầu với Nút. js gỡ lỗi - Hiển thị cách đính kèm trình gỡ lỗi vào Nút đang chạy. quy trình js

Để tìm hiểu về hỗ trợ gỡ lỗi cho các ngôn ngữ lập trình khác thông qua tiện ích mở rộng Mã VS

  • C++
  • con trăn
  • Java

Để tìm hiểu về hỗ trợ chạy tác vụ của VS Code, hãy truy cập

  • Nhiệm vụ - Mô tả cách chạy các nhiệm vụ với Gulp, Grunt và Jake cũng như cách hiển thị lỗi và cảnh báo

Để viết tiện ích mở rộng trình gỡ lỗi của riêng bạn, hãy truy cập

  • Tiện ích mở rộng trình gỡ lỗi - Sử dụng mẫu giả để minh họa các bước cần thiết để tạo tiện ích mở rộng gỡ lỗi Mã VS

Câu hỏi thường gặp

Các tình huống gỡ lỗi được hỗ trợ là gì?

Gỡ lỗi nút. các ứng dụng dựa trên js được hỗ trợ trên Linux, macOS và Windows ngay lập tức với Mã VS. Nhiều tình huống khác được hỗ trợ bởi các tiện ích mở rộng Mã VS có sẵn trên Thị trường

Tôi không thấy bất kỳ cấu hình khởi chạy nào trong danh sách thả xuống của chế độ xem Chạy và Gỡ lỗi. Chuyện gì thế?

Vấn đề phổ biến nhất là bạn đã không thiết lập

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "cwd": "${workspaceFolder}",
  "args": ["${env:USERNAME}"]
}
1 hoặc có lỗi cú pháp trong tệp đó. Ngoài ra, bạn có thể cần mở một thư mục vì tính năng gỡ lỗi không có thư mục không hỗ trợ cấu hình khởi chạy