Visual Studio Code 构建C/C++开发环境

最近有消息说,编程将是有史以来最好的工作,可是辗转于于各大主流操作系统的码农们都知道,作为一个程序员尤其是多种语言程序员,会因为开发环境而感到苦恼,传统的SourceInsight又贵又老还不跨平台,Eclispe在性能方面不尽人意,Visual Studio 又大又不跨平台,Vim, Emacs由于门槛和视觉原因又不是所有人都用得习惯,还有一些类似SublimeText, Atom, SciTe, Notepad++等等,由于各种性能是否开源是否可扩展都让程序员各种犹豫,直到VS code从天而降,带着微软Visual Studio强大的智能却又极小的体积,开源跨平台可扩展的流行,踏入编辑器的战场,感觉,要变天了。所以容小农来介绍下Visual Studio Code的初步使用方法:


Visual Sutdio Code以及C/C++插件安装

  1. 安装VS Code:请打开官网 https://code.visualstudio.com/ 下载编辑器,并一路默认安装。
  2. 安装cpptools插件(安装方式有两种,任选一种,一种是点击VS code的插件图标调出查找插件窗口然后搜索cpptools,另一种是Ctrl+p 调出VS code的shell,输入ext install cpptools),用于代码分析,编辑提示等等,具体可以参考介绍:https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools
    安装cpptools插件
  3. 安装 code runner插件,可以动态运行选中的代码区块,详细介绍:
    https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
    安装code runner插件
  4. 安装 native debug 插件,用于gdb图形化调试你的C/C++程序,详细参考:
    https://marketplace.visualstudio.com/items?itemName=webfreak.debug
    native debug插件
  5. 重启VS code,
    安装完以上插件后,重启VS code,让安装的插件生效。

Visual Studio Code 和GCC共同调试C/C++程序

安装GCC工具链

  1. 安装C/C++ 的 GCC 工具链,windows上可以安装cygwin或者MinGW, linux/os x如果默认未安装,那安装也非常简单,根据使用的版本网上搜索相应的命令行即可。
    Cygwin 下载安装网址: https://cygwin.com/install.html
    MinGW 下载安装网址:http://mingw.org/
    这里以cygwin为例,注意选择适合你电脑系统的安装文件,64位系统请选择x86_64对应的安装文件。具体安装过程可以自己百度,注意点是,安装时,一定要选中 gcc, g++, gdb, make 等开发工具包。
    Cygwin安装
  2. 设置GCC环境变量,将GCC工具链路“c:/cygwin/bin”径加入到windows系统环境变量中
    设置windows的gcc环境变量

调试C/C++程序

  1. 在操作系统中新建一个工程目录,如 “hello”,然后启动vs code,打开这个空目录:
    这里写图片描述
  2. 用vs code 在hello目录新建一个源文件 hello.c:
    这里写图片描述

    文件内容如下:

    #include <stdio.h>
    int g_var = 0;
    void print_line(char *str)
    {
        if (str != NULL)
            printf("%s\r\n", str);
        else
            printf("null string\r\n");
    }
    int main (int argc, char **argv)
    {
        int l_var = 1;
        print_line("hello world!");
        printf("g_var = %d, l_var = %d.\r\n", g_var, l_var);
        return 0;
    }

*3. 添加头文件索引路径。在hello.c中,你会发现include头文件那一行下面有绿色的波浪线,代表vs code的cpptools插件找不到相应路径,将鼠标移到这一行点击。
这里写图片描述
左边会出现一个提示的黄色小灯泡符号,点击它,然后点击“Add include path to settings”按钮, 将生成并打开一c_cpp_properties.json 文件,编辑这个json文件,添加c/c++头文件的路径进去:
这里写图片描述
这里cygwin的头文件路径为: “C:/cygwin/usr/include/*”,将它添加到”includePath”这个变量中。
4. 设置编译构建环境。
在vs code中点击hello.c回到hello.c文件,调用快捷键 Ctrl+Shift+B 构建可执行文件。
此时vs code会报错,在vs code的顶栏显示“No task runner configured”,你只需要点击右边的蓝色按钮“Configure task runner”来生成编辑task.jason即可:
这里写图片描述
点击后,在弹出的选择栏中选择”Others“:
这里写图片描述
选择后会创建并打开一个task.jason的配置文件, 修改其中的command 和 args变量并保存:

"command": "gcc ",
"args": ["-g", "${file}", "-o", "${workspaceRoot}/hello.exe"],  

这里写图片描述

*5. 构建hello.exe。
直接快捷键 Ctrl+Shift+B将hello.c编译构建为hello.exe,
这时你会发现vs code的左边栏中多了一个hello.exe文件。
这里写图片描述
6. 运行和调试hello.exe。
快捷键 Ctrl+Shift+D 或者点击左边Debug按钮调出debug窗口。
这里写图片描述
按快捷键F5准备调试这个程序,此时会弹出选择debug的环境,选择 “GDB”即可。
这里写图片描述
之后会创建并打开launch.jason配置文件,修改一下“target”这个变量内容为”./hello.exe”:
这里写图片描述
使用gdb调试,添加监控变量(在WATCH栏中添加变量名)和断点(鼠标在hello.c的左边栏点击显示红色即可添加断点),如:
这里写图片描述
快捷键F5运行调试,运行到断点后观察左边DEBUG栏目中显示的各种信息,然后
继续按绿色按钮(或快捷键F5)继续运行,如:
这里写图片描述
点击右下方DEBUG输出栏中的 ”DEBUG CONSOLE” 将看到程序运行时打印的信息:
这里写图片描述
7. 至此,一个简单的在WINDOWS上用VS Code编辑和调试C程序的例子完毕。


Visual Studio Code编辑时的常用快捷键

快捷键作用
F1或Ctrl+Shift+P打开VS Code的命令Shell
Ctrl+P打开VS code文件/符号查询窗口,输入”>”可以进入F1同样的Shell
Ctrl+Shift+O查找符号,函数,属性
Ctrl+G跳转到某行
Ctrl+[代码缩进
Ctrl+]代码往前移进
Ctrl+F查找文本
Ctrl+H查找替换
Ctrl+Shift+F整文件夹中查找
Ctrl+ +放大文本
Ctrl+ -缩小文本
Ctrl+ Home移动到文件头
Ctrl+ End移动到文件尾
Ctrl+ Tab在多个文件之间切换
Ctrl+ /注释/解注释鼠标选中的代码块
Ctrl+ \切分当前窗口
Ctrl+ N新建文件
F12跳转到变量,函数,类型定义
Alt+鼠标点击连续选中多个文本,同时编辑
Alt+F12查找所有对当前变量,函数,类型的引用
Alt+<-方向键跳回到上一视图
Alt+上下方向键上下移动当前光标所在行
Shift+Alt+上下方向键向上/向下复制一行
Ctrl+Enter在当前行下边插入一行
Ctrl+Shift+Enter在当前行上方插入一行
Alt+Shift+鼠标左键列编辑

Visual Studio Code官方资源

编辑C++文件: http://code.visualstudio.com/docs/languages/cpp
写VS Code扩展插件:https://code.visualstudio.com/docs/extensions/example-hello-world

  • 31
    点赞
  • 184
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
Visual Studio Code是一个开源的轻量级代码编辑器,可在多个操作系统上运行,如Windows、Mac和Linux。它是一个功能强大的编辑器,支持多种语言,包括C/C++。你可以在官方网站上下载Visual Studio Code:https://code.visualstudio.com/。 为了在Visual Studio Code中配置C/C++开发环境,你可以安装C/C++扩展插件。你可以在Visual Studio Code的扩展商店中搜索并安装"C/C++"插件。这个插件提供了C/C++代码的语法高亮、智能代码补全、调试功能等。 安装完插件后,你可以按照自己的需求进行配置。你可以设置编译器路径、调试器路径、编译选项等。具体的配置步骤可以参考官方文档或搜索相关教程。 总结起来,要在Visual Studio Code中配置C/C++开发环境,你需要先下载并安装Visual Studio Code,在扩展商店中安装C/C++插件,然后根据需要进行配置。这样就可以在Visual Studio Code中进行C/C++的编写和调试了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Visual Studio Code 上运行C/C++](https://blog.csdn.net/m0_51315555/article/details/123774037)[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: 33.333333333333336%"] - *2* [Visual Studio Code配置C/C++开发环境的教程图解](https://download.csdn.net/download/weixin_38502916/12724742)[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: 33.333333333333336%"] - *3* [如何配置Visual Studio Code C/C++环境](https://blog.csdn.net/riskmoumou/article/details/129046562)[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: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值