可视化调试前端_Linux

最新推荐文章于 2024-01-27 00:18:25 发布
最新推荐文章于 2024-01-27 00:18:25 发布
阅读量146 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MarshalK/article/details/109588748
版权
本文介绍了在Ubuntu系统中如何利用Visual Studio Code（VSCode）进行前端C++项目的编译和调试。首先，通过应用中心安装VSCode。接着，通过VSCode的插件市场安装C++扩展，并配置调试和编译文件，包括launch.json和task.json。最后，讲解了如何编译和调试代码，包括设置断点并逐步执行。
摘要由CSDN通过智能技术生成

Linux中的可视化代码跟踪调试

一、安装可视化调试的软件

安装vscode

1.在ubuntu桌面找到应用中心
在这里插入图片描述
2.在软件中心中,搜索Visual Studio Code
在这里插入图片描述

3.在页面中就可以直接选择安装
在这里插入图片描述

二、编译调试

第一步 在vscode中安装C++的插件

打开vscode，按ctrl+p调出命令行，在上面输入ext install cpptools，点击安装

看不懂英文界面可以选择安装中文插件，操作相同，输入chinese即可

在这里插入图片描述

第二步 配置调试和编译文件

先在vscode中新建一个文件夹vscode，再新建一个以.c为后缀的文件test.c
在这里插入图片描述
配置调试和编译文件，launch.json和task.json
选择C++（GDB/LLDB)插件之后再根据提示，选择“g++ -生成和调试活动文件”，运行结束后VSCode会自动生成适用于gcc编译的launch.json文件
在这里插入图片描述
点击终端，选择配置任务，VSCode会自动生成适用于gcc编译的tasks.json文件保存后继续进行编译,需要在第九行后添加语句

"${fileDirname}/test.c",

在这里插入图片描述

第三步 编译调试

这些都配置好后我们就可以先按ctrl+shift+B先编译，然后再按绿色箭头调试了

我设置的就是helloworld项目，没有错误，就不做演示了，大致就是设置断点后在右上角有一个箭头，一步一步调试，具体可以参照这个博客

君耀
关注
cron可视化前端界面.zip
07-16
总的来说，"cron可视化前端界面.zip" 包含了一个使用JavaScript和Later.js库创建的前端应用，它将复杂的cron表达式转换为易于理解和验证的可视化界面，这对于管理和调试定时任务具有很高的实用价值。通过深入研究这...
FLS_so动态链接库，配置launch.json,tasks.json,c_cpp_properties.json
qq_43232545的博客
05-28 800
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", "configuratio
linux部署前端页面（实战）
Z_Gleng的博客
12-05 1684
cd 你解压完的目录 我这里的是nginx-1.24 你们根据你们下载的文件命进入即可。2、修改listen后的默认端口号改为想改的端口号（如下图）把90改成1024以上就好了。这个命令会安装到默认路径usr/local/nginx，可以通过。找到\conf\nginx.config文件用vim打开文件。前端打包不多说了，看你们自己项目的打包命令就可以，一般都是。使用工具上传文件，工具有很多这里我用到的是WinSCP。但是我没有权限只能安装到自己的指定路径（T*T）修改文件的权限避免出现不能访问的情况。
在Web页面上启动运行Linux系统
weixin_34032792的博客
06-07 394
一个叫Fabrice Bellard的程序员写了一段Javascript在Web浏览器中启动Linux（原网页，我把这个网页iframe在了下面），目前，你只能使用Firefox 4和Chrome 11运行这个Linux。这不是什么假的模仿Linux的东西，这是实实在在的运行一个Linux。这一举动还引起了很多很牛人的关注，包括Javascript的创建者Brendan Ei...
浏览器显示linux桌面,如何从Web浏览器远程监视Linux服务器和桌面
weixin_39818014的博客
05-07 229
当你要监视一台Linux机器时，你会有很多的选择。虽然现在有很多产品质量监控方案(比如 Nagios、 Zabbix、 Zenoss)，它们拥有华丽的UI，可扩展监控，易于理解的报告等等，这些方案对于大多数终端用户都太过于强大了。如果你只需检查Linux服务器或桌面的基本状态(比如，CPU负载、内存使用、活跃进程)，就请考虑一下linux-dash。linux-dash是一款面向Linux机器的基...
ddd可视化调试器，用于分析程序
04-21
通过它的可视化特性，调试工作变得更为直观和高效。在处理复杂的程序逻辑或查找难以发现的问题时，ddd的这些功能可以大大提高开发效率。不过，使用ddd之前，需要确保系统已经安装了GDB，因为ddd是建立在GDB之上的...
网络调试助手_v22.7z
04-23
这种可视化的方式使得网络调试过程更加直观，对于初学者和有经验的开发者都十分友好。 在实际应用中，网络调试助手可以帮助开发者定位网络通信中的各种问题，例如：数据包丢失、乱序、重复，或者协议解析错误等。...
电商评论数据的分析与可视化系统源码+项目说明.zip
最新发布
04-09
电商评论数据的分析与可视化系统源码+项目说明.zip ### 电商评论数据的分析与可视化系统 使用WebMagic爬虫完成数据爬取。 使用MapReduce编程框架编写清洗算法从Json数据中提取评论文本。 使用百度ECharts完成数据...
世界上最快的服务器可视化
04-10
在这个服务器可视化应用中，MySQL负责存储和管理服务器的性能数据，供前端展示和分析。 最后，"wfs.zip"可能是应用的源码或资源文件的压缩包。用户可能需要解压这个文件来查看源代码、配置文件或其他辅助资源，以...
LLL:基于 PyQt 的轻量级 LLDB 前端
06-24
LLL - 基于 PyQt 的轻量级 LLDB 前端 动机和目标： 此工具的目的是为调试提供高效且用户友好的界面。 在调试会话期间，通常用户需要同时监控大量信息（源代码、变量、反汇编指令等），这使得命令驱动的界面效率较低。 此外，用户需要同时记住所有命令变量内容、反汇编等。 允许用户在调试会话期间进行一些简单的代码修改也很方便。 用法： 创建或编辑~/.config/c0deforfun/lll.conf以设置 clang 和 lldb 的路径。 例子： clang_lib_path=/home/llvm/lib # Clang lib for source code syntax highlighting lldb_path=/home/llvm/lib/python2.7/site-packages # Binding of lldb logging_level=INFO #
Linux下使用gdb调试
01-09
源文件： :cat main.cc #include #include using namespace std; #define MAX (1000000) #define LEN (MAX+10) #define IF(condition, something) if (a) {\ something;\ } #define FOR(n) for(int i=0;i<n;++i) #define FORE(n) for(int i=1;i<=n;++i) #define Fore(a,b) for(int i=a;i<=b;++i) int n, v, ans, tmp; i
vs可视化调试工具
09-19
vs可视化调试工具，兼容各个版本vs，原作者地址：http://www.cnblogs.com/cyq1162/p/6027051.html 上传只为留个备份
linux如何用浏览器做桌面,怎样在浏览器中制作桌面应用
weixin_29741447的博客
05-12 337
步骤1：入门WebDGap要求您首先添加应用程序的名称。-第二个加载应用程序的徽标。-最后，将应用程序的源文件加载到一个zip文件中。重要！！！ (将zip文件导出为桌面/chrome应用程序或扩展名时，您的zip文件必须看起来像这样)-index.html-css/style.css-js/jquery.js-js/script.js下面的zip示例将无法使用！-AppName/index.ht...
Linux配置Selenium+Chrome+Java实现自动化测试
weixin_33976072的博客
12-21 839
1.安装chrome sudo apt-get install libxss1 libappindicator1 libindicator7 wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb sudo dpkg -i google-chrome*.deb 如果上面运行 ...
Linux操作系统
caoxuan666的博客
01-27 2905
linux是一个开源、免费的操作系统，其稳定性、安全性、处理多并发已经得到业界的认可，目前很多企业级的项目都会部署到Linux/unix系统上。常见的操作系统有windows、macOS、IOS、Andriod、linux等。因此linux操作系统的掌握至关重要。linux的文件系统和windows的文件不一样。windows文件系统中会有很多盘符，在盘符下面又有很多的文件目录。但是linux文件目录不是这样的。
利用VScode连接远程服务器进行代码调试及可视化界面
热门推荐
学习 & 分享 ~
12-02 5万+
测试 ssh 连接服务器。 并输入 ，接着在命令行执行： 输入密码即可连接服务器。在 VSCode 的扩展页面搜索 套件并安装。 安装完后左侧菜单栏会出现一个远程资源管理的图标，选择 ，再点击齿轮图标，并在右侧打开你的 配置文件。 在配置文件中设置你的服务器信息，输入 HostName 服务器IP地址和 User 服务器用户名，保存以后左侧会出现对应机器名称。 更改设置，，找到 并勾选。 在上一步保存好的服务器名称旁，点击连接按钮后，选择你的服务器平台。 如果没有设置公钥私钥，那么需要在
Linux下gdb调试工具介绍和gdb常用调试方法介绍
hanxiaoyong_的博客
08-26 7527
1、gdb介绍 2、gdb用法介绍　 （1）生成带有调试信息的可运行程序 a>判断可运行程序是否带有调试信息？ b>判断可执行文件是否带有调试信息的两种方法： （2）运行调试程序：(gdb)run、start区别 附加知识：启动带参可执行程序 （3）源码查看：(gdb)list（4）运行参数查看show （5）断点设置 设置断点、设置条件断点、查看断点、删除断点、禁用断点、运行某个断点 （6）堆栈　 a>堆栈查看命令 b>栈帧(stack frame)介绍　 c>函数调用过程中栈区变化 d>栈增长方向
HTML——前端实时可视化开发工具
star_yang的博客
05-05 3万+
前端实时可视化开发工具：liveStyle、liveReload、Broswer-Sync
Linux的可视化日程管理系统的课程设计
06-02
Linux的可视化日程管理系统的课程设计，可以按照如下步骤进行： 1. 确定系统需求和功能：可视化日程管理系统需要实现以下功能： - 用户注册和登录 - 添加和编辑日程事件 - 查看日程事件列表和日历视图 - 搜索和过滤日程事件 - 提醒用户即将到来的日程事件 2. 设计系统架构和数据库结构：可视化日程管理系统可以采用客户端-服务器架构，前端使用GUI界面实现，后端使用MySQL数据库存储数据。数据库可以设计如下的表结构： - users表：存储用户注册信息 - events表：存储日程事件信息，包括事件名称、开始时间、结束时间、地点、提醒时间等字段 3. 实现系统界面和功能：使用C++和Qt库实现系统的界面和功能。可以设计以下界面： - 登录界面：允许用户输入用户名和密码，进行登录 - 注册界面：允许用户输入注册信息，进行账户注册 - 日程事件列表界面：显示用户创建的所有日程事件，包括事件名称、开始时间、结束时间、地点等信息，允许用户编辑、删除和搜索事件 - 日历视图界面：以日历形式显示用户的日程事件，允许用户通过点击日期查看事件详情 - 添加事件界面：允许用户输入新的日程事件信息，包括事件名称、开始时间、结束时间、地点等信息 4. 实现系统的提醒功能：使用Qt的定时器功能实现提醒功能，定时检查数据库中的日程事件，如果有即将到来的事件，弹出提醒窗口提示用户。 5. 测试和调试：进行系统测试和调试，确保系统能够正常运行。 总体来说，Linux的可视化日程管理系统的课程设计可以涉及到C++、Qt、MySQL等多个方面的知识，需要进行多方面的学习和实践。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值