VS Code(Cursor)远程开发调试教程(超详细)

前言 📢

声明:本文配置及开发方法同样适合Cursor !!

在开始之前,你需要准备以下东西:

  1. 本地电脑

    • 安装好 VS Code(Windows、Mac 或 Linux 都可以)。

    • 官网下载,按提示安装即可。

  2. 远程电脑(如服务器):

    • 你需要知道它的 IP 地址、用户名和密码(或者 SSH 密钥)。

    • 远程电脑必须安装 SSH 服务和 C/C++ 编译器(比如 GCC 或 Clang)。

  3. 网络

    • 本地电脑和远程电脑要能互相访问,比如在同一局域网,或者远程电脑有公网 IP。

准备好了吗?我们开始吧!🚀


第一步:安装 VS Code 和必要插件 🌐

  1. 安装 VS Code

    • 如果还没安装,去官网下载并安装。安装完成后,打开 VS Code,你会看到一个简洁的代码编辑器界面。

  2. 安装 Remote - SSH 插件

    • 在 VS Code 左侧点击“扩展”图标(像四个小方块拼成的形状)。

    • 在搜索框输入 Remote - SSH,找到微软官方的插件,点击“安装”。

    • 安装完成后,窗口左下角会多一个小图标(像个显示器)。

      图片

      图片

  3. 安装 C/C++ 扩展

    • 在“扩展”搜索框输入 C++,找到微软的 C/C++ 扩展,点击“安装”。

    • 这个扩展提供 C/C++ 的语法高亮、智能提示和调试支持。

      安装 C/C++ 插件


第二步:连接到远程电脑 💻

  1. 打开 SSH 面板

    • 点击左下角的“显示器”小图标,(点击+号)选择“Connect to Host”。

    • 如果是第一次使用,会提示你配置 SSH,点击“Configure SSH”。

      图片

  2. 编辑 SSH 配置文件

    • VS Code 会打开一个配置文件(通常位于 ~/.ssh/config)。

    • 输入以下内容(根据你的远程电脑信息修改):
      Host my-server
          HostName 172.168.3.127  # 远程电脑的 IP 地址
          User your-username      # 远程电脑的用户名
          Port 22                 # 默认 SSH 端口,通常不用改
    • 保存文件后,返回 SSH 面板,选择“my-server”进行连接。

  3. 输入密码或使用 SSH 密钥

    • 连接时会提示输入密码,正确输入后即可连上。

    • 如果有 SSH 密钥(更安全),提前将公钥添加到远程电脑的 ~/.ssh/authorized_keys 文件中,可免输密码。

    • 连接成功后,VS Code 会在远程电脑安装一些必要组件,稍等片刻即可完成。

  4. 确认连接成功

    • 左下角显示“SSH: my-server”,说明你已成功连接到远程电脑!


第三步:在远程电脑上编写 C/C++ 代码 📝

  1. 打开远程文件夹

    • 点击菜单“文件” > “打开文件夹”,选择远程电脑上的某个目录(例如 /home/your-username/projects)。

    • 现在你操作的文件都在远程电脑上,修改也会直接保存到远程。

  2. 写一个简单的 C++ 程序

    • 新建文件 test.cpp,输入以下代码:
      #include <iostream>
      int main() {
          std::cout << "Hello from remote!" << std::endl;
          return 0;
      }
    • 保存文件。


第四步:编译 C/C++ 程序 🔧

  1. 打开远程终端

    • 点击菜单“终端” > “新终端”(或者ctrl+J),会打开一个远程电脑的终端。

  2. 编译代码

    • 在终端输入命令进入代码目录,例如:
      cd /home/your-username/projects
    • 编译程序:
      g++ test.cpp -o test
      (如果用 Clang,则输入 clang++ test.cpp -o test)。
    • 如果提示找不到编译器,需要在远程电脑安装,例如:
      sudo apt install g++
  3. 运行程序

    • 编译成功后,输入:
      ./test
    • 输出 Hello from remote!,说明程序运行正常。


第五步:调试 C/C++ 程序 ☕️

  1. 配置调试环境

    • 点击左侧“调试”图标(像播放键加小虫子)。

    • 点击“创建 launch.json 文件”,选择“C++: (GDB/LLDB)”。

      图片

    • VS Code 会生成一个 launch.json 文件。

      图片

  2. 修改 launch.json

    • 将 "program" 修改为你的可执行文件路径,例如:
      "program": "/home/your-username/projects/test"
    • 确保 "miDebuggerPath" 是远程电脑上 GDB 的路径,通常是 "/usr/bin/gdb"

      {
          // 使用 IntelliSense 了解相关属性。 
          // 悬停以查看现有属性的描述。
          // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
          "version": "0.2.0",
          "configurations": [
              {
                  "name": "(gdb) 启动", //配置名称,显示在配置下拉菜单中
                  "type": "cppdbg",    //配置类型
                  "request": "launch", //请求配置类型,通常是启动调试(launch)或者是附加(attach)
                  "program": "${workspaceFolder}/projects/test", //可执行程序文件的完整路径,${workspaceFolder}表示远程连接的初始路径
                  "args": [], //传递给程序的命令行参数
                  "stopAtEntry": false, //可选参数,如果为true,调试程序应该在入口(main)处停止
                  "cwd": "${workspaceFolder}/projects", //目标的工作目录
                  "environment": [], //表示要预设的环境变量
                  "externalConsole": false, //如果为true,则为调试对象启动控制台
                  "MIMode": "gdb", //调试器模式/类型
                  "setupCommands": [ //为了安装基础调试程序而执行的一个或多个GDB/LLDB命令
                      {
                          "description": "为 gdb 启用整齐打印",
                          "text": "-enable-pretty-printing",
                          "ignoreFailures": true
                      }
                  ]
              }
          ]
      }
  3. 设置断点

    • 在 test.cpp 中 std::cout 那行左侧点击,会出现一个红点,表示断点已设置。

      图片

  4. 开始调试

    • 按 F5(或点击绿色播放键)启动调试,程序会在断点处暂停。

    • 使用顶部工具栏的按钮(暂停、继续、停止)控制程序,还可以查看变量的值。

    • 或者按 F10(单步跳过)、F11(单步调试)、shift + F11(单步跳出)、ctrl + shift + F5(重启调试)、shift + F5(停止调试)。

      图片


常见问题及解决方法 ❓

  1. 无法连接远程电脑?

    • 检查 IP 地址、用户名和密码是否正确。

    • 在本地命令行测试 ssh your-username@172.168.3.127,确认是否能连上。

  2. 调试时提示“找不到 GDB”?

    • 在远程终端输入 gdb --version 检查是否安装。

    • 未安装则运行 sudo apt install gdb 安装。

  3. 编译报错?

    • 检查代码是否有语法错误。

    • 确保远程电脑已安装 C/C++ 编译器。

  4. 如何关闭远程终端?

    • 方法一:按 Ctrl+Shift+P,输入“关闭远程连接”。

    • 方法二:点击左下角的“SSH: my-server”,选择“关闭远程连接”。

  5. VS Code布局
    聪明的你,可能已经发现文中的图片有两种布局(系统默认在左侧,而我喜欢放在右侧)。具体操作如下:

    • VS Code 编辑器中按快捷键 Cmd/ctrl+shift+P 打开弹框。

    • 弹框输入 setting 找到 vscode setting 打开。

    • 设置面板搜索 workbench.activityBar.orientation 修改活动栏排列方向。

    • 设置面板搜索 workbench.sideBar.location 修改主边栏和活动栏展示在工作台左侧或右侧。


总结 🔚

现在你已经学会用 VS Code 进行 C/C++ 的远程开发和调试了。简单回顾流程:

安装插件 → 连接远程电脑 → 编写代码 → 编译运行 → 设置断点调试。

### 关于 VSCode 中与光标相关的扩展 在 Visual Studio Code (VSCode) 编辑器中,有许多与光标操作和多游标功能相关的扩展可以提升用户的开发效率。这些扩展不仅能够增强基本的光标控制能力,还能提供更复杂的文本处理逻辑。 #### 多游标支持的核心特性 VSCode 自身已经内置了强大的多游标功能,允许用户通过简单的快捷键实现多重编辑[^1]。然而,为了进一步优化这一体验,可以通过安装特定的扩展来增加更多高级功能。 #### 推荐的相关扩展 以下是几个常用的与光标操作密切关联的扩展: 1. **Multi Cursor Enhance** 这一扩展增强了 VSCode 的默认多游标行为,提供了诸如鼠标拖拽创建多个光标的选项以及更加灵活的选择机制[^2]。 2. **Cursor Highlighter** 此扩展会在屏幕上高亮显示当前活动的光标位置,对于拥有多个光标的情况特别有用,帮助开发者快速定位正在编辑的内容[^3]。 3. **Advanced New File** 虽然主要目的是简化文件创建过程,但它也集成了一些方便的功能用于新文件中的初始光标放置设置。 4. **Bracket Pair Colorizer 2** 尽管它的核心作用是对括号配对上色以便更容易阅读代码结构,但在某些情况下也可以间接影响到如何直观理解光标所在处的语法环境。 #### 安装方法指导 要找到并安装上述提到或者任何其他感兴趣的插件,按照如下方式进行即可: - 打开 VSCode 后按下 `Ctrl+Shift+x` 键进入扩展视图区域; - 输入关键词比如 "cursor" 或者具体名称如 "Multi Cursor Enhance"; - 浏览搜索结果列表选择合适的项目点击右侧绿色按钮完成下载激活流程。 ```python # 示例:展示如何利用 Multi Cursor 功能同时修改多行文字 lines = ["apple", "banana", "cherry"] for i in range(len(lines)): lines[i] += "_fruit" print("\n".join(lines)) ``` 以上脚本展示了当需要批量更新数据项时,如果借助 multi-cursor 技巧,则无需编写循环语句也能高效达成目标效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

积步千里

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值