deepinlinux20.8配置好了vscode+glade+gtk+c开发环境

在vscode+c开发环境基础上想整点带界面的程序，linux下比较方便的是gtk，但是又不想写界面，最好能鼠标点点就能把界面整好，这想法还不算过分，原来有glade这个工具，能画好界面保存为xml文件，程序里加载xml文件就好了。

第一步安装glade，注意应用商店里的可能版本比较老，界面还是英文，推荐用命令行安装中文的

sudo apt-get install glade

第2步画一个空的界面保存为glade3.glade文件

<?xml version="1.0" encoding="UTF-8"?>
<!-- Generated with glade 3.22.1 -->
<interface><requires lib="gtk+" version="3.20"/><object class="GtkWindow" id="window_main"><property name="can_focus">True</property><property name="title" translatable="yes">使用glade设计gtk应用界面</property><property name="default_width">640</property><property name="default_height">480</property><signal name="destroy" handler="on_window_main_destroy" swapped="no"/><child><placeholder/></child><child><placeholder/></child></object>
</interface>

第3步简单几句代码调用 hello.c

#include <gtk/gtk.h>//用于点击关闭窗口结束应用
G_MODULE_EXPORT void on_window_main_destroy()
{gtk_main_quit();
}
int main(int argc, char* argv[])
{GtkBuilder* builder;GtkWidget* window;gtk_init(&argc, &argv);builder = gtk_builder_new();gtk_builder_add_from_file(builder, "glade3.glade", NULL);window = GTK_WIDGET(gtk_builder_get_object(builder, "window_main"));gtk_builder_connect_signals(builder, NULL);g_object_unref(builder);gtk_widget_show(window);gtk_main();return 0;
}

第4步配置代码智能提醒 .vscode/c_cpp_properties.json

{"configurations": [{"name": "GTKLinux","includePath": ["${workspaceFolder}/**","/usr/include/**","/usr/lib/x86_64-linux-gnu/**"],"defines": [],"compilerPath": "/usr/bin/clang","cStandard": "c17","cppStandard": "c++14","intelliSenseMode": "linux-clang-x64","compilerArgs": []}],"version": 4
}

第5步配置编译 .vscode/tasks.json

{"version": "2.0.0","tasks": [{"type": "cppbuild","label": "buildFile","command": "/usr/bin/gcc","args": ["-fdiagnostics-color=always","-g","${file}","-o","${fileDirname}/${fileBasenameNoExtension}","-pthread","-I/usr/include/gtk-3.0","-I/usr/include/at-spi2-atk/2.0","-I/usr/include/at-spi-2.0","-I/usr/include/dbus-1.0","-I/usr/lib/x86_64-linux-gnu/dbus-1.0/include","-I/usr/include/gtk-3.0","-I/usr/include/gio-unix-2.0","-I/usr/include/cairo","-I/usr/include/pango-1.0","-I/usr/include/fribidi","-I/usr/include/harfbuzz","-I/usr/include/atk-1.0","-I/usr/include/cairo","-I/usr/include/pixman-1","-I/usr/include/uuid","-I/usr/include/freetype2","-I/usr/include/libpng16","-I/usr/include/gdk-pixbuf-2.0","-I/usr/include/libmount","-I/usr/include/blkid","-I/usr/include/glib-2.0","-I/usr/lib/x86_64-linux-gnu/glib-2.0/include","-lgtk-3","-lgdk-3","-lpangocairo-1.0","-lpango-1.0","-lharfbuzz","-latk-1.0","-lcairo-gobject","-lcairo","-lgdk_pixbuf-2.0","-lgio-2.0","-lgobject-2.0","-lglib-2.0","-Wl,--export-dynamic ","-lgmodule-2.0"],"options": {"cwd": "${fileDirname}"},"problemMatcher": ["$gcc"],"group": "build","detail": "编译器: /usr/bin/gcc GTK3"}]
}

第6步配置启动 .vscode/launch.json

{"version": "0.2.0","configurations": [ {"name": "(gdb) Launch","type": "cppdbg","request": "launch","program": "${workspaceRoot}/${fileBasenameNoExtension}",    //编译后的二进制文件位置"args": [],"stopAtEntry": false,"cwd": "${workspaceRoot}","environment": [],"externalConsole": false,    //如果是true，将在新的窗口（console）输出，反之在下面的输出选项卡输出"MIMode": "gdb","miDebuggerPath": "gdb","preLaunchTask": "buildFile","setupCommands": [{"description": "Enable pretty-printing for gdb","text": "-enable-pretty-printing","ignoreFailures": true}]}]
}

现在可以按F5运行看看效果了，编译出来程序很小，方便携带。

deepinlinux20.8配置好了vscode+glade+gtk+c开发环境相关推荐

vscode linux新建c语言,Ubuntu16.04下配置VScode的C/C++开发环境
1. Vscode安装 Visual studio code是微软发布的一个运行于 Mac OS X.Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器.第一种 ...
mac下配置VSCode的C语言开发环境
目录 1. 安装C语言扩展插件 2. 安装编译器 3. 运行个Hello World 3.1 创建个源文件 3.2 编译 3.3 执行 4. 嫌麻烦?一键运行的利器! 1. 安装C语言扩展插件打开V ...
在windows上配置VScode支持ARM GCC开发环境
简单有效的在windows上,配置VS Code,以支持GCC开发环境.没有什么花里胡哨的. 需要用到的工具 Visual Studio Code :编辑工具 ARM GCC : ...
ESP32 ESP-IDF开发环境搭建，Windows下基于ESP-IDF | Cmake | VScode插件的 ESP32 开发环境搭建
之前的一篇博客 Windows上基于ESP-IDF搭建ESP32开发环境发布后,深受好评.几个月过去了,乐鑫的esp-idf-tools安装工具发生了较大的变化,VsCode插件的功能也愈加完善 ...
vscode中搭建Golang开发环境（图文并茂）
vscode中搭建Golang开发环境第一步下载Go安装包,地址:Go语言中文网,安装完成后的目录如下: 通过命令行查看当前版本: 第二步配置环境变量,新建两个环境变量,如下: 其他平台的配置, ...
第1章 Window下VSCode的C语言开发环境搭建 (一)
文章目录文档视频讲解链接地址第01章开发环境搭建 1.1 C语言开发环境搭建 1. 常用的C语言开发环境介绍 VC++ 6.0 VS 2019 Clion DevC++ vim编辑 VSCode ...
【VSCode】搭建Python开发环境
Visual Studio Code(以下简称VSCode),它是微软出品的一款可扩展的轻量级开源编辑器,并且支持全平台系统.这些特性使得VSCode颇受欢迎,可以说是目前最火的代码编辑器之一了,在程 ...
在Windows使用VSCode搭建嵌入式Linux开发环境
在Windows使用VSCode搭建嵌入式Linux开发环境百问网已经制作好了完备的Ubuntu镜像,可以从这里下载: 链接:https://pan.baidu.com/s/1vw4VUV_Mvt0 ...
windows+vscode搭建远程linux开发环境
windows+vscode搭建远程linux开发环境保证linux安装了ssh服务在vscode安装插件配置远程Linux服务器信息链接Linux服务器选择项目开发目录保证linux安装 ...

deepinlinux20.8配置好了vscode+glade+gtk+c开发环境

deepinlinux20.8配置好了vscode+glade+gtk+c开发环境相关推荐

最新文章

热门文章