目录

一、下载并安装VS Code

二、安装C/C++扩展

三、新建C源代码

四、安装并配置编译和调试环境(MinGW)

五、代码配置和运行调试


  之前换了电脑,最近需要调试一些简单的C语言程序,所以得配置C语言开发环境,但是不想安装完全版的 Visual Studio,因为过于庞大,目前也用不到什么复杂的功能,于是入手了一波 VS Code,搭配着已有的 Understand 使用。     ——2019.09


一、下载并安装VS Code

免费软件当然是要官网走一波啦,安全可靠电脑不生病!Visual Studio Code官网传送门 —— https://code.visualstudio.com/

下载的是For Windows的1.38.1版本,文件很小,50M出头(不过安装之后会再下好多插件的)。

这个安装没什么特别的技巧,我的路径是 D:\Visual Studio Code,它会在里面自动生成一个 Microsoft VS Code 文件夹。

二、安装C/C++扩展

打开VS Code,第一次打开会自动跳到官网的一个介绍网页上去 —— https://code.visualstudio.com/docs?start=true

网站上会有一些指导,包括介绍视频、扩展插件的下载等等,有空了可以慢慢学习。这里回到软件界面进行插件下载。点击左侧的Extensions图标。

进去之后可以在上面搜索“C++”,也可以在“POPULAR”下拉栏里找到,很靠前的,这也反映出了C类语言依然强大的生命力。这里安装的C/C++扩展插件是0.25.1版本。

Install并安装完毕之后,如果重启软件再回来Extensions看,就会发现多了一个“ENABLED”栏,包含了刚下载的C类语言扩展,这时你的C/C++扩展已经使能了。另外可以下载到中文语言扩展工具,从而实现软件界面的汉化。

三、新建C源代码

因为用VS Code编辑代码是在文件夹下进行的,所以我们去打开一个文件夹,这里新建了一个文件夹,路径 E:\C_Test

然后新建文件,可以通过File菜单新建,也可以通过快捷按钮新建。新建一个名为Test的文件,通过 File -> Save AS 保存类型为C语言源程序文件(.C),放在C_Test文件夹下。

然后界面就变成了C语言风格的了,我们敲个代码进去。保存后按F5调试,会进行一个运行环境的选择,选C++(GDB/LLDB)这个。

于是生成了一个 .vscode 文件夹并且里面有一个 launch.json 配置文件,接下来才到了重点

四、安装并配置编译和调试环境(MinGW)

MinGW 是Windows下的GNU工具集,我们主要用它的编译器GCC调试工具GDBC语言库GLIBC。毕竟 VS Code 只是个编辑器,还是需要另外开发工具的。

开源,上传送门 —— http://www.mingw.org/ ,找到 “download/installer” 进行下载安装,大小不到100K。我装在了 D:\MinGW 路径下。安装过程会联网再Download一些内容,如果出现如图所示的安装失败,用管理员身份运行安装包即可。

打开安装好的 MinGW Installation Manager (其实它会自己弹出来),全选Basic Setup内的下载项(最重要的是base和C++编译器)。如果有别的需求,可以查阅MinGW的相关资料进行选择下载。

点击左上角 Installation -> Apply Changes 等待下载安装结束。(这里下载比较慢,网不好的话也很容易失败,在等待过程中可以进行后面的步骤,先去修改环境配置代码,再回来安装GCC。)

右键 我的电脑 -> 属性 -> 高级系统设置 -> 高级 -> 环境变量 -> 编辑Path变量值加入MinGW\bin所在路径 即可。

进到命令提示符键入 gcc -v ,如果能查询到GCC信息,说明编译环境配置OK了。(有的电脑可能编辑完环境变量需要重启。)

五、代码配置和运行调试

回到之前VS Code代码的 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}/${fileBasenameNoExtension}.exe",    //Your program path."args": [],"stopAtEntry": false,"cwd": "${workspaceFolder}","environment": [],"externalConsole": false,    //If true, a console is launched for the debuggee. If false, it will appear in the Integrated Console."preLaunchTask": "gcc",    //Task to run before debug session starts."MIMode": "gdb","miDebuggerPath": "D:/MinGW/bin/gdb.exe",    //Path to gdb debugger."setupCommands": [{"description": "Enable pretty-printing for gdb","text": "-enable-pretty-printing","ignoreFailures": true}]}]
}

改的是中间带注释的那四行代码。

第一处是文件路径,第二处是选程序运行结果显示方式,true就是弹出控制台的黑窗口,false就是在VS Code里显示,凭个人习惯即可。第三处是添加了一句话,意思是在程序调试前先调用名为 "gcc" 的一个任务,注意这个gcc不是我们安装的那个GCC编译器,而是需要后面我们自己修改代码的一个任务名称,在该任务代码里才是对GCC的调用,因此在 "preLaunchTask": 后面不一定要写gcc,只需要跟之后的任务名称一致即可。第四处是 gdb.exe 的安装路径,注意分隔符是"/"或者"\\"。

保存后返回C源文件按 F5 调试,提示找不到任务,我们选择配置任务。

然后选择创建其它空模板任务。

于是自动生成了一个 tasks.json 文件。

我们进行简单的代码修改如下:

{// See https://go.microsoft.com/fwlink/?LinkId=733558// for the documentation about the tasks.json format"version": "2.0.0","tasks": [{"label": "gcc","type": "shell","command": "gcc","args": ["-g","${file}","-o","${fileBasenameNoExtension}.exe"]}]
}

其中 "label": 后的任务名称应该跟文件 launch.json 中 "preLaunchTask": 后面的名字保持一致,这是任务调用的接口标签。

后面代码起到的功能就相当于是在命令提示符中运行命令 gcc -g xxx.c -o xxx.exe

回到C源程序进行F5调试,就能看到程序输出的结果了。

在之后其它新的工程中,可以直接把 .vscode 文件夹复制到代码路径下,就省去了再配置的麻烦。


总结一下,Visual Studio Code软件的安装和开发C语言程序的步骤:

  1. 下载并安装VS Code
  2. 安装需要的语言和功能扩展
  3. 安装MinGW,配置环境变量路径
  4. 新建文件夹,新建代码源文件
  5. 修改launch.json和tasks.json文件代码
  6. 运行调试

THE END

C语言程序设计基础(02)—— Visual Studio Code 软件安装与使用相关推荐

  1. 初识Web前端开发及Visual Studio Code的安装

    一.前端的构成:          前端由HTML,CSS,JavaScript构成,且HTML,CSS,JavaScript都是单独的语言,HTML,CSS,JavaScript一起构成前端的技术基 ...

  2. Visual Studio 2010 软件安装教程

    Visual Studio 2010 软件安装教程 软件简介: Visual Studio 2010 旗舰版是微软公司推出目前最流行的Windows平台应用程序开发环境.VS 2010支持最新的.Ne ...

  3. qt5变成内部头文件 ubuntu_Ubuntu下Visual Studio Code软件的安装和使用

    Visual Stuio Code 和 Source Insight 一样,都是编辑器,Visual Studio Sode 本教程以后就简称为 VSCode,VSCode 是微软出的一款编辑器,但是 ...

  4. linux - Visual Studio Code 的安装与卸载

    1.Visual Studio Code简介 1.1.什么是Visual Studio Code?  Visual Studio Code是微软推出的一个运行于 Mac OS X.Windows和 L ...

  5. vscode (Visual Studio Code)安装汉化以及前端常用插件推荐

    个人IDE软件使用经过 DW => HBulider => sublime => vscode,感觉还是 vscode 用着更爽一些. vscode 全称 Visual Studio ...

  6. 《C#精彩实例教程》小组阅读02 – Visual Studio简介与安装

    本图文详细介绍了什么是Visual Studio,以及Visual Studio的安装过程. 上一次我们介绍了Visual Studio 2015的下载,以及MSDN. 这一次,我们说说什么是Visu ...

  7. Visual Studio Code (Ubuntu)安装与配置

    visual官网下载 https://code.visualstudio.com/ 下载.deb包,默认下载路径` damon@jarvis:~/Downloads$ pwd /home/damon/ ...

  8. Visual Studio Code 插件安装

    目录 1.在线安装 1.1 单个插件的安装 1.2 根据配置文件一次性安装多个插件 1.3 同步配置的方式 1.3.1 第一种方式使用VSCode自带的同步功能. 1.3.2 第二种方式,首先需要先安 ...

  9. 【Visual Studio 】Visual Studio 2019 软件安装

    作者 CodeAllen ,转载请注明出处 从大学就一直在用Visual Studio,从当初的VC++6.0,VS2008,VS2010 ,VS2015,之后就一直没有跟着更新,最近想写一个上位机, ...

  10. Visual Studio 2010软件安装教程

    ​​关注公众号,免费获取资料 简介:Microsoft Visual Studio(简称VS)是美国微软公司的开发工具包系列产品.VS是一个基本完整的开发工具集,它包括了整个软件生命周期中所需要的大部 ...

最新文章

  1. linux 服务不支持 chkconfig 的解决方法
  2. 四、唱歌不如跳舞(上)
  3. iOS12真机调试包
  4. npm 安装yarn_问题解决记录-npm和yarn全局安装成功后命令无法执行的问题
  5. 1023 组个最小数 (20 分)(c语言)
  6. mac上python无法import redis
  7. 限制会话id服务端不共享_【干货分享】Web安全漏洞深入分析及其安全编码
  8. 抽象数据类型(顺序栈)、断言、包含头文件、内联函数、非内联成员函数[C++ In Action][4]...
  9. 2011-寒假 linux 学习笔记
  10. JAVA集合,TreeMap排序
  11. 单组学的多变量分析|1.PCA和PLS-DA
  12. Spring MVC详解(学习总结)
  13. 群晖服务器无限重启,监控群晖服务状态并自动重启 | 群晖服务控制
  14. leetcode 最常见的150道前端面试题(简单题下)
  15. opencv生成3d模型_OpenCV4.2使用viz模块显示3D图像
  16. java 项目启动异常 Command line is too long.
  17. 江苏2020高中计算机学业水平,2020江苏高中学业水平测试时间安排表
  18. OpenCV中使用 cv2.matchTemplate()、 cv2.minMaxLoc()、 cv2.rectangle()进行模板匹配
  19. Java实现堆,最大堆,最小堆,左高树,左低树
  20. MJ对2008年10月6日大盘预测(节后第一天)

热门文章

  1. Python3:获取地球实时卫星照片
  2. PHP获取客户端IP地址方式
  3. hashMap底层原理
  4. 怎么查python题答案_超星尔雅Python语言应用查题教程
  5. 蔡勒星期算法 c语言,C/C++根据年月日计算星期几(蔡勒公式篇)
  6. 二叉堆/二项堆/斐波那契堆
  7. 使用 UICollectionView 实现网格化视图效果
  8. VBS教程(入门级)
  9. 摩拜、ofo抢着用的NB-IoT技术,听说你还不知道!?
  10. android 开发 耳机接口 自拍,首次用KXD手机就为之倾倒,这就是KXD K30手机带来了魅力...