Visual Studio Code体验小白

可视化的代码跟踪调试

利用基于跨平台多类型代码编辑器VScode进行代码跟踪查错

下载Visual Studio Code

在百度搜索Visual Studio Code,进入官网下载安装包
在这里插入图片描述
选择deb包下载完成后将安装包复制到home目录下

解压安装包

sudo dpkg -i code_1.51.0-1604600753_amd64.deb
调试

在命令行输入code运行vscode,vscode中安装C++的插件,按ctrl+p调出命令行,在上面输入ext install cpptools
在这里插入图片描述
创建文件夹c++,并在该目录下创建main.cpp和main.out,main.cpp代码如下:

#include<iostream>
using namespace std;
int main()
{
  cout<<"hello world"<<endl;
  return 0;
}

配置.json文件

选择文件夹c++
在这里插入图片描述
选择main.cpp,选择run->start debugging,然后选择下列选项
在这里插入图片描述
完成后会出现两个.json文件
在这里插入图片描述
将launch.json修改为如下代码:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "(gdb) Launch",
            "type": "cppdbg",
            "request": "launch",
            "program": "${workspaceFolder}/main.out",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": true,
            "MIMode": "gdb",
            "preLaunchTask": "build",
            "setupCommands": [
                {
                    "description": "Enable pretty-printing for gdb",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ]
        }
    ]
}

将task.json文件改成下列代码:

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0", //该tasks.json文件采用的版本号,目前默认为2.0.0版本
    "tasks": [
        {
            "label": "build",
            "type": "shell",
            "command": "g++",
            "args": [
                "-g",
                "${file}",
                "-std=c++11",
                "-o",
                "${fileBasenameNoExtension}.out"
            ],
            "problemMatcher": [
                "$gcc"
            ]
        }
    ]
}

设置断点
在这里插入图片描述
点击三角标后出现结果
在这里插入图片描述
在这里插入图片描述

总结

在这次实验后,让我对VScode的使用更熟练,在对程序进行跟踪查错时,需要在代码上设置断点,而且在查错时,还需要先将两个.json文件修改内容,之后就进行调试代码跟踪查错。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果你是一个Visual Studio Code的初学者,可以按照以下步骤操作: 1. 安装和启动VS Code:你可以从官方网站下载并安装VS Code,安装完成后启动它。 2. 创建一个HTML文件:在VS Code中创建一个新的HTML文件,你可以通过拖拽整个项目文件夹到VS Code中,然后选择HTML:5选项,编辑器将自动生成HTML基本结构。 3. 编写代码:在HTML文件中输入你想要显示的内容,例如"Hello World!"。 4. 保存并预览:按Ctrl+S保存文件后,你可以右键点击文件,选择Open In Default Browser以在默认浏览器中打开网页来预览你的代码。 5. 设置自动保存:如果你想要自动保存文件,可以按照以下步骤进行设置:点击文件菜单,选择Preferences(首选项)-Settings(设置),然后在弹出的界面中选择User(一般会默认选中该选项),接着选择Files(文件)-Auto Save(自动保存),在右侧的下拉菜单中选择"After Delay"(延迟后保存),你可以自行设置延迟的时间,表示多少秒以后自动保存。 希望以上步骤能对你有所帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [VIsual Studio Code基本配置及使用](https://download.csdn.net/download/qq_43501521/10740178)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Visual Studio Code 小白使用教程](https://blog.csdn.net/qq_40831778/article/details/104227672)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值