Linux知识点 -- VS Code远程连接服务器协助开发

Linux知识点 – VS Code远程连接服务器协助开发

文章目录

  • Linux知识点 -- VS Code远程连接服务器协助开发
  • 一、VS Code的使用
    • 1.使用VS Code进行C语言编译与运行
    • 2.使用VS Code进行C++代码的编译与运行
  • 二、使用VS Code连接云服务器
  • 三、使用VS Code进行GDB调试


一、VS Code的使用

1.使用VS Code进行C语言编译与运行

  • 配置环境:
    下载MinGW压缩包,将MinGW环境的文件夹放到C盘路径下;
    Linux知识点 -- VS Code远程连接服务器协助开发_第1张图片
    在PATH中增加一个如下的环境变量:
    Linux知识点 -- VS Code远程连接服务器协助开发_第2张图片
  • 配置编译环境:
  • 先写一个c代码:
    Linux知识点 -- VS Code远程连接服务器协助开发_第3张图片
    鼠标点击到C语言代码内部,按Ctrl + Shift + P:
    Linux知识点 -- VS Code远程连接服务器协助开发_第4张图片编译器路径选择到图中的gcc编译器路径:
    Linux知识点 -- VS Code远程连接服务器协助开发_第5张图片
    代码提示风格:
    Linux知识点 -- VS Code远程连接服务器协助开发_第6张图片
    配置完后,生成.vscode这个文件夹,里面有如下的文件:
    Linux知识点 -- VS Code远程连接服务器协助开发_第7张图片
    配置task.jason,鼠标点击到C语言代码内部,选择终端中的配置任务,选择gcc:
    Linux知识点 -- VS Code远程连接服务器协助开发_第8张图片
    配置完生成task.jason:
    Linux知识点 -- VS Code远程连接服务器协助开发_第9张图片
  • 编译与运行:
    点击C语言代码内部,终端 - 运行生成任务(Ctrl + Shift + B);
    在这里插入图片描述
    编译完成,运行,ctrl + `呼出终端,.\test.exe运行:
    Linux知识点 -- VS Code远程连接服务器协助开发_第10张图片

2.使用VS Code进行C++代码的编译与运行

新建一个工作目录,将刚才的.vscode文件夹拷贝进来;
点到cpp文件内部,Ctrl + Shift + P,编辑配置;
配置名称改成C++,编译器路径改为g++;
Linux知识点 -- VS Code远程连接服务器协助开发_第11张图片
终端 - 配置任务,选择g++:
Linux知识点 -- VS Code远程连接服务器协助开发_第12张图片选择完成后,task.jason文件中会增加一段代码:
Linux知识点 -- VS Code远程连接服务器协助开发_第13张图片
这是g++的编译选项,后面的编译运行都一样;
在这里插入图片描述

二、使用VS Code连接云服务器

  • 安装插件:
    Linux知识点 -- VS Code远程连接服务器协助开发_第14张图片

  • 配置主机信息:
    点击F1,输入remote,选择添加新用户;
    Linux知识点 -- VS Code远程连接服务器协助开发_第15张图片
    输入ssh 用户名@服务器公网ip;
    在这里插入图片描述
    选中配置文件:
    Linux知识点 -- VS Code远程连接服务器协助开发_第16张图片
    如果要清除远程主机,就将config文件中的主机删除就行了;

  • 连接主机:
    在配置完成后,vs code会出现这个选项卡:
    Linux知识点 -- VS Code远程连接服务器协助开发_第17张图片
    右键点击这个主机,连接,然后输入密码,就可以连接了;

  • 创建文件:
    连接完成后,就可以选择文件夹了:
    Linux知识点 -- VS Code远程连接服务器协助开发_第18张图片
    在指定目录下创建文件,ctrl + s保存,就可以同步至服务器了:
    Linux知识点 -- VS Code远程连接服务器协助开发_第19张图片
    在这里插入图片描述

  • 编译:
    新建makefile:
    Linux知识点 -- VS Code远程连接服务器协助开发_第20张图片
    Ctrl + ~调出shell终端,make,之后运行:

如果在编辑c++代码时,c++11的代码会报错,需要在设置里面更改:
Linux知识点 -- VS Code远程连接服务器协助开发_第21张图片

  • 安装插件:
    Linux知识点 -- VS Code远程连接服务器协助开发_第22张图片

三、使用VS Code进行GDB调试

  • 安装插件:
    Linux知识点 -- VS Code远程连接服务器协助开发_第23张图片

  • 创建launch.json文件:
    Linux知识点 -- VS Code远程连接服务器协助开发_第24张图片
    选择GDB:
    Linux知识点 -- VS Code远程连接服务器协助开发_第25张图片
    删除选中内容:
    Linux知识点 -- VS Code远程连接服务器协助开发_第26张图片
    添加配置:
    Linux知识点 -- VS Code远程连接服务器协助开发_第27张图片
    Linux知识点 -- VS Code远程连接服务器协助开发_第28张图片
    将program项中的a.out改成自己需要调试的文件所在的路径名;
    在这里插入图片描述
    Linux知识点 -- VS Code远程连接服务器协助开发_第29张图片

  • 开始调试:
    需要在makfile中的编译选项加g才能调试:
    Linux知识点 -- VS Code远程连接服务器协助开发_第30张图片
    在.c文件中打断点,开始调试:
    Linux知识点 -- VS Code远程连接服务器协助开发_第31张图片
    Linux知识点 -- VS Code远程连接服务器协助开发_第32张图片
    操作与vs中一样;

你可能感兴趣的:(Linux,服务器,linux,运维)