How do I debug remote applications with VS Code?
Jul 06, 2025 am 01:34 AM
It is feasible and easy to debug remote applications using VS Code. The key is to connect local VS Code to the remote environment for remote editing and debugging. 1. Install Remote - SSH extension and connect to the remote host through SSH; 2. Start the debug mode of the application on the remote side and open the corresponding port; 3. Configure the launch.json file to set debug parameters such as type, port and path; 4. Set breakpoints in VS Code and debug the application normally. The entire process is smooth and efficient, suitable for debugging applications running in remote environments.
Debugging remote applications with VS Code is totally doable and not as complicated as it might sound. The key idea is to connect your local VS Code instance to a remote environment—like a server or container—so you can edit and debug code directly on that remote system, while still working from the comfort of your local machine.
Here's how to actually pull it off.
1. Set Up Remote Development in VS Code
Before debugging, you need to be connected to the remote environment. VS Code has an official extension called Remote - SSH (and others like Remote - Containers or Remote - WSL) that makes this easy.
- Install the Remote - SSH extension from the Extensions panel.
- Once installed, you'll see a new icon in the bottom-left corner of VS Code (looks like two computer screens connected by a plug).
- Click that icon and choose "Connect to Host..." , then enter the SSH address, username, and password or private key for the remote server.
After connecting, VS Code will open a new window pointing to the remote file system. From here, you're essentially working on the remote machine.
2. Prepare Your Application for Debugging
Different languages ??require different setups, but the general idea is the same: make sure your app runs in debug mode and listens on the correct port.
For example:
- Node.js : Start your app with
node --inspect-brk -r ts-node/register ./src/index.tsif using TypeScript. - Python : Use
python -m debugpy --listen 5678 --wait-for-client app.pyto launch in debug mode. - Other languages ??: Check documentation for their debugger equivalents.
Make sure the port used for debugging (like 5678 or 9229) is open and accessible on the remote machine. You may also need to configure firewall rules or cloud instance settings to allow traffic on that port.
3. Configure launch.json for Remote Debugging
Once you're connected to the remote machine and have your app running in debug mode, set up your debugging configuration locally.
- In VS Code, go to the Run and Debug sidebar (
Ctrl Shift Dor click the bug icon). - Create a
launch.jsonfile if you don't already have one. - Add a new configuration that matches your runtime. Here's a basic Node.js example:
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "attach",
"name": "Attach to Remote Node",
"runtimeExecutable": "nodemon",
"restart": true,
"console": "integratedTerminal",
"internalConsoleOptions": "neverOpen",
"remoteRoot": "/home/your-user/path-to-app"
}
]
} If you're using Python, use "type": "python" and specify the host and port:
{
"name": "Python: Attach",
"type": "python",
"request": "attach",
"host": "localhost",
"port": 5678
}Make sure the paths match what's on the remote machine. Also, double-check that the port number matches what your app is listening on.
4. Start Debugging Like Normal
Once everything is configured:
- Set breakpoints in your code by clicking the left margin next to line numbers.
- Trigger the part of your app that hits those lines (eg, send an API request or run a command).
- VS Code should pause execution at your breakpoints, letting you inspect variables, step through code, etc.
A few tips:
- Use the integrated terminal inside VS Code to manage your app processes.
- If things get stuck, restart the debugging session or kill/restart the process on the remote side.
- Make sure only one debugger is attached at a time to avoid conflicts.
This setup works surprisingly well once it's all lined up. It's especially handy for debugging apps running in staging or production-like environments without having to replicate everything locally.
Basically that's it.
The above is the detailed content of How do I debug remote applications with VS Code?. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undress AI Tool
Undress images for free
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
How to solve the problem of IntelliSense not working in VS Code
Apr 21, 2023 pm 07:31 PM
Visual Studio Code, most commonly known as VSCode, is one of the tools used by developers for coding. Intellisense is a feature included in VSCode that makes coders’ lives easy. It provides suggestions or tool tips for writing code. This is the kind of extension that developers prefer. People who are used to IntelliSense will find it difficult to code when it doesn't work. Are you one of them? If so, go through this article to find different solutions to fix IntelliSense not working in VS Code. Intellisense is shown below. It provides suggestions as you code. Check first
How to enable remote debugging in Firefox
Apr 15, 2024 pm 06:04 PM
How to enable remote debugging in Firefox? Firefox is an open source web browsing tool. This browser supports multiple operating systems and has very powerful functions. The remote debugging function can support users to modify page code settings. Many users are not interested in this function. It's not clear, so many people don't know where the remote debugging function is turned on. Next, the editor will introduce to you the steps to enable remote debugging in Firefox browser. Friends who are interested must not miss it. Introduction to the steps to enable remote debugging in Firefox 1. The user opens the Firefox browser software on the computer, and goes to the home page and clicks on the three horizontal icons in the upper right corner (as shown in the picture). 2. Then in the drop-down tab that pops up, the user selects more tool options (
How to use remote debugging and remote deployment tools in C#
Oct 08, 2023 am 10:39 AM
Title: Tips for using remote debugging and remote deployment tools in C# Abstract: This article will introduce how to use remote debugging and remote deployment tools in C# development. Remote debugging allows you to debug your code on another computer without running the entire application on your local machine. Remote deployment tools can help you deploy applications to remote servers. This article will provide you with specific code examples and steps to help you better use these tools. Text: 1. Use of remote debugging tools Turn on the remote debugging function on the target machine
A must-have development tool for VUE3 beginners
Jun 16, 2023 am 10:27 AM
In the process of learning and using Vue3, choosing the right development tools is a very important step. This article will introduce several essential development tools for beginners to help you develop Vue3 more efficiently and accurately. VisualStudioCodeVisualStudioCode is a free, open source lightweight code editor. It supports multiple programming languages ??and has powerful extension functions. For Vue3 development, VisualStudioC
Quickly master the skills of switching to the Chinese interface in VS Code
Mar 25, 2024 pm 05:06 PM
Switching the UI interface to Chinese in Visual Studio Code (hereinafter referred to as VSCode) is not a complicated matter. Just follow the following steps to achieve it easily. VSCode is a powerful and popular code editor that supports a variety of programming languages ??and tools. It has a friendly and flexible interface to meet the diverse needs of developers. The following will introduce the techniques on how to quickly switch to the Chinese interface in VSCode, with specific code examples to facilitate everyone's operation. Step 1: Open
How to use remote debugging and performance analysis tools in C# development
Oct 09, 2023 pm 01:33 PM
How to use remote debugging and performance analysis tools in C# development Introduction: During the C# development process, remote debugging and performance analysis tools can help us solve some difficult-to-debug problems and optimize program performance. This article will introduce in detail how to use remote debugging tools and performance analysis tools, and provide specific code examples. 1. Remote debugging tools Remote debugging tools allow us to debug running programs on remote computers. This is useful for solving problems that only occur in certain environments. The following is using VisualStudi
What is the difference between VS Code and Visual Studio?
Apr 05, 2025 am 12:07 AM
VSCode is a lightweight code editor suitable for multiple languages ??and extensions; VisualStudio is a powerful IDE mainly used for .NET development. 1.VSCode is based on Electron, supports cross-platform, and uses the Monaco editor. 2. VisualStudio uses Microsoft's independent technology stack to integrate debugging and compiler. 3.VSCode is suitable for simple tasks, and VisualStudio is suitable for large projects.
Teach you step by step to adjust the language of VS Code to Chinese
Mar 25, 2024 pm 12:15 PM
With the rapid development of information technology, programming has become an indispensable part of people's daily lives. In the programming process, a good integrated development environment (IDE) can greatly improve development efficiency. Visual Studio Code (VSCode for short), as a powerful open source code editor, has been welcomed by a wide range of developers. This article will show you step by step how to set the language of VSCode to Chinese to make your programming experience smoother. Step 1: Open VSCode
