0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

VS Code-CC++环境的搭建

正点原子 2022-04-15 11:27 次阅读
90630bf6-bc19-11ec-82f6-dac502259ad0.png



GUIDE

导读


Visual Studio Code(简称“VSCode” )是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于Mac OS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器,可在桌面上运行,并且可用于Windows,macOS和Linux。它具有对JavaScript,TypeScript和Node.js的内置支持,并具有丰富的其他语言(例如C++C#,Java,Python,PHP,Go)和运行时(例如.NET和Unity)扩展的生态系统。

该编辑器也集成了所有一款现代编辑器所应该具备的特性,包括语法高亮(syntaxhigh lighting),可定制的热键绑定(customizablekeyboard bindings),括号匹配(bracketmatching)以及代码片段收集(snippets)。Somasegar也告诉笔者这款编辑器也拥有对Git 的开箱即用的支持。

下面我们主要讲解VSCode的C/C++环境搭建流程,如下所示:


一.搭建C/C++


在搭建环境之前,我们必须安装VSCode,该软件的下载地址为:

https://code.visualstudio.com/?wt.mc_id=DX_841432,进入VSCode官方网页后,点击”Downlaodfor windown”下载。VSCode安装流程这里我们不需要讲解,大家可以在百度搜索安装流程。接下来我们分几个步骤来讲解VSCode如何搭建C/C++环境并运行C代码,如下所示:

第一步:按Ctrl+Shift+P弹出搜索框,选择C/C++安装,如下图所示:


906e5c86-bc19-11ec-82f6-dac502259ad0.png


第二步:安装MinGW:要知道,GCC官网提供的 GCC编译器是无法直接安装到Windows 平台上的,如果我们想在Windows 平台使用GCC 编译器,可以安装GCC的移植版本。该软件下载地址为:https://osdn.net/projects/mingw/downloads/68260/mingw-get-setup.exe/

点击“mingw-get-setup.exe”下载,如下图所示:


90789430-bc19-11ec-82f6-dac502259ad0.png


至于MiniGW安装流程,大家可以参考这篇文章http://c.biancheng.net/view/8077.html。

第三步:在桌面C文件夹,然后在VSCode点击文件à打开文件夹àC文件夹,如下图所示:


9084b2e2-bc19-11ec-82f6-dac502259ad0.png


第四步:点击上图中的右边第一个图标添加文件并命名为test.cpp,如下图所示:


908deefc-bc19-11ec-82f6-dac502259ad0.png


第五步:点击上图的.vscode,然后在该目录下新建c_cpp_properties.json,如下图所示:


90975dde-bc19-11ec-82f6-dac502259ad0.png


第六步:修改上图中的c_cpp_properies.json、launch.json、tasks.json文件,如下所示:

(1)c_cpp_properies.json文件修改


90a1c986-bc19-11ec-82f6-dac502259ad0.png

注意:上述红色的字符串必须是MinGW安装路径有关。

(2)launch.json文件修改

90aa923c-bc19-11ec-82f6-dac502259ad0.png


注意:上述红色的字符串必须是MinGW安装路径有关。

(3)tasks.json文件修改

90b2ae36-bc19-11ec-82f6-dac502259ad0.png


注意:上述红色的字符串必须是MinGW安装路径有关。

第七步:打开test.cpp文件编写C语言代码,如下图所示:


90bb6b5c-bc19-11ec-82f6-dac502259ad0.png


第八步:按下F5或者运行启动调试,如下图所示:


90c48caa-bc19-11ec-82f6-dac502259ad0.png


上图是运行时系统自动弹出的。



二.注意事项


如果安装MinGW时,该软件路径bin/文件夹没有gdb.exe,则需要自己自行安装。按下win+r输入CMD,然后cd D:\Soft_APP\MinGW\bin切换路径,这个路径是小编的MiniGW安装路径,请根据自己安装的路径,最后输入 “mingw-get install gdb”命令按下,如下图所示:


90ce40b0-bc19-11ec-82f6-dac502259ad0.png


如果运行出现“prelaunchtask g++已终止,退出代码为1”错误,打开CMD命令行切换到项目路径并输入“执行文件名.cpp -o 执行文件名.exe,如下图所示:


90d76d48-bc19-11ec-82f6-dac502259ad0.png


经过上图的操作,系统会弹出使用什么软件打开提示,我们选择VSCode,然后运行VSCode就没有这个错误了。

请确保MinGW安装成功,如果在CMD命令行输入“gcc -v“命令时,系统提示不是系统命令等其他错误,则必须把” MinGW/bin”添加到环境变量当中,如下图所示:


90e16d2a-bc19-11ec-82f6-dac502259ad0.png


声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • STM32
    +关注

    关注

    2240

    文章

    10675

    浏览量

    348866
  • 开发环境
    +关注

    关注

    1

    文章

    203

    浏览量

    16461
  • 正点原子
    +关注

    关注

    9

    文章

    21

    浏览量

    9559
收藏 人收藏

    评论

    相关推荐

    VS CodeVS Codium之间的区别有哪些?你选哪个?

    VS Codium 是一个 VS Code 的克隆版本,百分之百免费且开源。
    的头像 发表于 02-23 15:28 405次阅读
    <b class='flag-5'>VS</b> <b class='flag-5'>Code</b>和<b class='flag-5'>VS</b> Codium之间的区别有哪些?你选哪个?

    Simplicity Studio 5扩增功能支持以VS Code开发

    随着SimplicityStudio 5 (SSv5) 5.6.0.0版本的发布,SiliconLabs(亦称“芯科科技”)已经引入了针对Visual Studio CodeVS Code)作为
    的头像 发表于 01-29 10:34 278次阅读
    Simplicity Studio 5扩增功能支持以<b class='flag-5'>VS</b> <b class='flag-5'>Code</b>开发

    MCUXpresso for VS Code保姆式教程免费送!

    背景 NXP 在 2023 年 7 月 31 日正式发布了 MCUXpresso for VS Code  插件,使得广大的 VS Code 用户可以在熟悉的代码编辑
    的头像 发表于 11-16 08:55 533次阅读
    MCUXpresso for <b class='flag-5'>VS</b> <b class='flag-5'>Code</b>保姆式教程免费送!

    在嵌入式中如何利用VS Code进行远程开发呢?

    VS Code几乎是所有的程序员必备的工具之一,据说全球一般的开发者都使用过VS Code这款工具。
    的头像 发表于 11-07 09:27 383次阅读
    在嵌入式中如何利用<b class='flag-5'>VS</b> <b class='flag-5'>Code</b>进行远程开发呢?

    Python 最好用的8个VS Code扩展

    1. Python extension for Visual Studio Code 这个扩展是由微软官方提供的,支持但不仅限于以下功能: 通过Pylint或Flake8支持代码检查 在VS
    的头像 发表于 10-17 17:15 302次阅读
    Python 最好用的8个<b class='flag-5'>VS</b> <b class='flag-5'>Code</b>扩展

    8 个好用的VS Code Python 扩展

    今天为大家分享 8 个好用的 VS Code Python 扩展。 1. Python extension for Visual Studio Code 这个扩展是由微软官方提供的,支持但不
    的头像 发表于 10-16 11:11 308次阅读
    8 个好用的<b class='flag-5'>VS</b> <b class='flag-5'>Code</b> Python 扩展

    基于IAR for arm9.30.1在VS Code调试仿真RA

    基于IAR for arm9.30.1在VS Code调试仿真RA
    的头像 发表于 08-26 08:07 258次阅读
    基于IAR for arm9.30.1在<b class='flag-5'>VS</b> <b class='flag-5'>Code</b>调试仿真RA

    Visual Studio Code - 如何在Visual Studio CodeVS Code)中构建和调试RL78项目

    本视频演示如何在Visual Studio CodeVS Code)中构建和调试LLVM for Renesas RL78项目。 000 介绍051 构建024 调试 原文标题:Visual
    的头像 发表于 08-14 12:05 551次阅读

    在Ubuntu上搭建OpenVINO C++程序开发环境

    这种集成开发环境,为了在 Ubuntu 上也能拥有类似 Visual Studio 的开发体验,笔者探索出基于 Anaconda 和 VS Code搭建 OpenVINO C++
    发表于 08-09 09:42 488次阅读
    在Ubuntu上<b class='flag-5'>搭建</b>OpenVINO C++程序开发<b class='flag-5'>环境</b>

    新闻 | 瑞萨电子MCU和MPU产品线将支持Microsoft Visual Studio Code

    (MPU)。瑞萨已为其所有嵌入式处理器开发了工具扩展,并将其发布在 Microsoft VS Code网站 上,使习惯于使用这款流行的集成开发环境(IDE)和代码编辑器的大量设计师能够在他们熟悉的开发
    的头像 发表于 08-03 18:15 326次阅读
    新闻 | 瑞萨电子MCU和MPU产品线将支持Microsoft Visual Studio <b class='flag-5'>Code</b>

    CC2340开发环境搭建

    CC2340开发环境搭建
    的头像 发表于 07-18 15:29 517次阅读
    <b class='flag-5'>CC</b>2340开发<b class='flag-5'>环境</b><b class='flag-5'>搭建</b>

    CS+ Code Generator Tool 集成开发环境 用户手册: RH850 API Reference[CS+ for CC]

    CS+ Code Generator Tool 集成开发环境 用户手册: RH850 API Reference[CS+ for CC]
    发表于 07-10 20:42 0次下载
    CS+ <b class='flag-5'>Code</b> Generator Tool 集成开发<b class='flag-5'>环境</b> 用户手册: RH850 API Reference[CS+ for <b class='flag-5'>CC</b>]

    CS+ Code Generator Tool 集成开发环境 用户手册: RX API Reference[CS+ for CC]

    CS+ Code Generator Tool 集成开发环境 用户手册: RX API Reference[CS+ for CC]
    发表于 07-10 19:26 1次下载
    CS+ <b class='flag-5'>Code</b> Generator Tool 集成开发<b class='flag-5'>环境</b> 用户手册: RX API Reference[CS+ for <b class='flag-5'>CC</b>]

    CS+ Code Generator Tool 集成开发环境 用户手册: RL78 API Reference[CS+ for CA,CX][CS+ for CC]

    CS+ Code Generator Tool 集成开发环境 用户手册: RL78 API Reference[CS+ for CA,CX][CS+ for CC]
    发表于 07-07 19:36 1次下载
    CS+ <b class='flag-5'>Code</b> Generator Tool 集成开发<b class='flag-5'>环境</b> 用户手册: RL78 API Reference[CS+ for CA,CX][CS+ for <b class='flag-5'>CC</b>]

    VS Code 1.79发布

    想在 Markdown 文档中添加图片或视频?与其浪费时间先手动将文件复制到您的工作区,然后添加指向它的链接,现在你只需将文件拖放到或粘贴到你的 Markdown 中即可。如果该文件当前不是工作区的一部分,VS Code 会自动将该文件复制到你的工作区并插入指向它的链接:
    的头像 发表于 06-11 11:46 399次阅读
    <b class='flag-5'>VS</b> <b class='flag-5'>Code</b> 1.79发布