(超详细)VScode中配置C语言环境的方法

vscode中怎么配置c语言环境?下面本篇文章给大家介绍一下vscode配置c语言环境的方法(超详细),希望对大家有所帮助!

(超详细)VScode中配置C语言环境的方法

【推荐学习:vscode教程、编程视频】

一、下载VScode(装好直接跳第五步)

官网下载:https://code.visualstudio.com/

二、安装VScode

1、 打开安装包点击同意此协议,下一步。

立即学习“C语言免费学习笔记(深入)”;

在这里插入图片描述

2、选择安装位置,下一步。

在这里插入图片描述

3、创建程序快捷方式,默认设置,下一步。

在这里插入图片描述

4、根据自己需要选择附加任务。

在这里插入图片描述

5、开始安装

在这里插入图片描述

6、完成安装

在这里插入图片描述

三、VScode设置语言为中文

1、按快捷键Ctrl+Shift+P,在出现的框里输入extensions,然后回车。(点左侧导航栏第5个图标进入下载也可以)

在这里插入图片描述

2、输入Chinese,安装中文简体(繁体)。

在这里插入图片描述

3、重启软件即变成中文

在这里插入图片描述

四、VScode切换主题(个人爱好)

按Ctrl+K,然后按Ctrl+T选择喜爱的主题切换。

在这里插入图片描述

五、下载C语言编译器(MinGW-W64 GCC)

链接: https://pan.baidu.com/s/1zBO37-yEkW54vBLOsp1kgA提取码:wo9n

六、配置编译器环境变量

1、解压压缩包,找到文件夹内的一个叫bin的文件夹,复制该文件夹地址(右键文件夹地址找到复制地址)。
在这里插入图片描述
右键此电脑,点击设置,进入设置界面,找到高级系统设置,点击进入。
在这里插入图片描述
2、进入环境变量
在这里插入图片描述

3、在环境变量中的系统变量中,找到Path变量,双击打开之后将刚刚复制的地址添加进去,然后点确定。

在这里插入图片描述

4、最后测试环境配置是否成功,Win键+R打开运行窗口,输入cmd,回车,在命令行窗口输入gcc -v -E -x c++ -如果运行结果如下,即配置成功。

在这里插入图片描述

七、配置VScode

1、点击左侧导航栏第5个图标,输入C,安装。

在这里插入图片描述

2、新建一个文件夹作为C语言项目文件,打开这个文件夹,Ctrl+N,新建一个hello.c文件(名字随便起,以.c结尾就行了)。

在这里插入图片描述

3、然后再建一个.vscode文件夹(注意前面有个点),在里面建三个文件,c_cpp_properties.jsonlaunch.jsontasks.json

在这里插入图片描述

4、将下列代码复制到c_cpp_properties.json文件里。

{    "configurations": [        {            "name": "Win32",            "includePath": [                "${workspaceRoot}",                "C:/Program Files/mingw64/include/**",                "C:/Program Files/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/8.1.0/include/c++",                "C:/Program Files/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/8.1.0/include/c++/x86_64-w64-mingw32",                "C:/Program Files/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/8.1.0/include/c++/backward",                "C:/Program Files/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/8.1.0/include",                "C:/Program Files/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/8.1.0/include-fixed",                "C:/Program Files/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/8.1.0/../../../../x86_64-w64-mingw32/include"            ],            "defines": [                "_DEBUG",                "UNICODE",                "__GNUC__=6",                "__cdecl=__attribute__((__cdecl__))"            ],            "intelliSenseMode": "msvc-x64",            "browse": {                "limitSymbolsToIncludedHeaders": true,                "databaseFilename": "",                "path": [                    "${workspaceRoot}",                    "C:/Program Files/mingw64/include/**",                    "C:/Program Files/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/8.1.0/include/c++",                    "C:/Program Files/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/8.1.0/include/c++/x86_64-w64-mingw32",                    "C:/Program Files/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/8.1.0/include/c++/backward",                    "C:/Program Files/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/8.1.0/include",                    "C:/Program Files/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/8.1.0/include-fixed",                    "C:/Program Files/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/8.1.0/../../../../x86_64-w64-mingw32/include"                ]            }        }    ],    "version": 4}

5、复制完成后将所有的 “C:/Program Files/mingw64替换为MinGW-W64 GCC解压后的mingw64文件的地址。

在这里插入图片描述
6、将下列代码复制到launch.json文件里。

{    "version": "0.2.0",    "configurations": [        {/*这个大括号里是我们的‘调试(Debug)’配置,这里我解释下为什么写了两个,        因为有时VSCode会有闪现的问题,也就是运行程序后窗口控制台可能会一闪而过,        看不到结果,因此可以通过搭建configution的办法来解决,也就是搭建一个cmd的配置。*/            "name": "(Windows) Launch",// 配置名称            "type": "cppvsdbg",// 配置类型,cppdbg对应cpptools提供的调试功能;可以认为此处只能是cppdbg            "request": "launch",// 请求配置类型,可以为launch(启动)或attach(附加)            "program": "cmd",// 将要进行调试的程序的路径            "preLaunchTask": "echo", // 调试开始前执行的任务,我们在调试前要编译构建。与tasks.json的label相对应,名字要一样            "args": [ // 程序调试时传递给程序的命令行参数                "/C",                "${fileDirname}${fileBasenameNoExtension}.exe",                "&",                "echo."            ],            "stopAtEntry": false, // 设为true时程序将暂停在程序入口处,相当于在main上打断点            "cwd": "${workspaceFolder}",// 调试程序时的工作目录,此处为源码文件所在目录            "environment": [],// 环境变量,这里设为空即可            "console": "externalTerminal",//使用单独的cmd窗口输出        },        {//这个大括号里是我们的‘调试(Debug)’配置            "name": "(gdb) Launch",// 配置名称            "type": "cppdbg",// 配置类型,cppdbg对应cpptools提供的调试功能;可以认为此处只能是cppdbg            "request": "launch",// 请求配置类型,可以为launch(启动)或attach(附加)            "program": "${workspaceFolder}/${fileBasenameNoExtension}.exe",// 将要进行调试的程序的路径            "args": [], // 程序调试时传递给程序的命令行参数,            "stopAtEntry": false, // 设为true时程序将暂停在程序入口处,相当于在main上打断点            "cwd": "${workspaceFolder}",// 调试程序时的工作目录,此处为源码文件所在目录            "environment": [],// 环境变量,这里设为空即可            "console": "externalTerminal",// 使用单独的cmd窗口输出            "MIMode": "gdb", //指定连接的调试器,gdb是minGW中的调试程序            "miDebuggerPath": "C:Program Filesmingw64bingdb.exe",//指定调试器所在路径,如果你的minGW装在别的地方,则要改成你自己的路径,注意间隔是            "preLaunchTask": "echo",//调试开始前执行的任务,这里和task.json的label相对应        }    ]}

7、将launch.json文件里miDebuggerPath属性里的内容也要改成自己的路径。
在这里插入图片描述

8、将下列代码复制到tasks.json文件里。

{    // See https://go.microsoft.com/fwlink/?LinkId=733558    // for the documentation about the tasks.json format    "version": "2.0.0",    "tasks": [        {//这个大括号里是‘构建’任务            "label": "echo",//这个大括号里是‘构建’任务            "type": "shell",//任务类型,process是vsc把预定义变量和转义解析后直接全部传给command;shell相当于先打开shell再输入命令,所以args还会经过shell再解析一遍            "command": "gcc", //编译命令            "args": [ //传给gcc命令的一系列参数                "-g", //生成和调试有关的信息                "${file}", //指定要编译的是当前文件                "-o", //指定输出文件的路径和名称                "${fileBasenameNoExtension}.exe",//让可执行文件输出到源码文件所在的文件夹下的bin文件夹内,并且让它的名字和源码文件相同                "-fexec-charset=GBK"//解决中文乱码            ]        }    ],    "presentation": {//执行这个任务时的一些其他设定        "echo": true,//表示在执行任务时在终端要有输出        "reveal": "always",//执行任务时是否跳转到终端面板,可以为always,silent,never        "focus": false,//设为true后可以使执行task时焦点聚集在终端,但对编译来说,设为true没有意义,因为运行的时候才涉及到输入        "panel": "new", //每次执行这个task时都新建一个终端面板        "showReuseMessage": true,//控制是否显示“终端将被任务重用, 按任意键关闭”提示.        "clear": false    }}

重启电脑

八、编写C语言程序

1、在之前建的hello.c文件里面输入程序测试。

#includeint main(){    printf("hello world");    return 0;}

2、启动程序(可以直接按F5)

在这里插入图片描述

九、几个好用的VScode插件

所有插件都可点击左侧导航栏第5个图标(拓展)安装

名称 作用

Path Intellisence路径自动补齐Bracket Pair Colorizer 2用不同颜色高亮显示匹配的括号vscode-fileheader顶部注释模板,可自定义信息,自动更新最后修改时间markdownlint语法纠错Beautify格式化代码Code Spell Checker识别单词拼写错误

十、VSCode 设置鼠标滚动改变字体大小

首次打开的话需要Ctrl+Shift+P 打开搜索框,输入 settings.json,回车打开后加入 "editor.mouseWheelZoom": true即可。(打开一次后,Ctrl+P搜索即可)

在这里插入图片描述

十一、解决配置中的一些小问题

1.出现“launch: program … does not exist”或preLaunchTask已终止,退出代码为1**
(1)先检查一下配置文件的文件名应是tasks.json,不是task.json
(2)检查一下launch.json“miDebuggerPath”:里的路径是否正确,一定要按照前面的步骤,去文件夹里复制地址。
在这里插入图片描述
(3)确保tasks.jsonlaunch.json里的label内容相同,如都为“echo”, tasks.json中的 label 字段与launch.json中的 preLaunchTask 字段一致.
(4)最重要的是,文件名内不能含有中文名哦。
(5)最后检查一下,自己是不是运行的.c文件,别运行成了环境文件,自己的程序是不是写错了,头文件是不是有缺失。
(6)以上,如果还没有解决,将launch.json"program":"${workspaceFolder}/${fileBasenameNoExtension}.exe"改成"program:"${fileDirname}/${fileBasenameNoExtension}.exe"
2.在配置文件中,提示错误”Invalid escape character in string”
路径错误,将配置文件中报错的路径换个地址转置符,举个例子,原来是C:/Program Files/mingw64/那就换成C:Program Filesmingw64或者C:Program Filesmingw64
3.提示错误”Unable to start debugging
注意代码路径中不要有中文名

更多关于VSCode的相关知识,请访问:vscode基础教程!

以上就是(超详细)VScode中配置C语言环境的方法的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/56091.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月9日 23:45:54
下一篇 2025年11月9日 23:55:31

相关推荐

  • 使用 Mask 导入本地图片时,如何解决跨域问题?

    跨域疑难:如何解决 mask 引入本地图片产生的跨域问题? 在使用 mask 导入本地图片时,你可能会遇到令人沮丧的跨域错误。为什么会出现跨域问题呢?让我们深入了解一下: mask 框架假设你以 http(s) 协议加载你的 html 文件,而当使用 file:// 协议打开本地文件时,就会产生跨域…

    2025年12月24日
    200
  • 为什么在 React 组件中无法获得 Tailwind CSS 语法提示?

    为什么在 React 组件中无法获得 Tailwind CSS 语法提示? 你在 VSCode 中编写 HTML 文件时,可以正常获取 Tailwind CSS 语法提示。但当你尝试在 React 组件中编写 Tailwind CSS 时,这些提示却消失不见了。这是什么原因造成的? 解决方案 要解决…

    2025年12月24日
    000
  • 如何在 VSCode 中为 React 组件启用 Tailwind CSS 提示?

    在 vscode 中为 react 组件启用 tailwind css 提示 如果你在使用 vscode 编写 react 组件时,发现 tailwind css 提示无法正常显示,这里有一个解决方法: 安装 tailwind css intellisense 插件 这是实现代码提示的关键,确保你已…

    2025年12月24日
    200
  • Vue3 中如何将页面上的 PX 单位转换为 REM?

    vue3 下如何实现某个页面 px 自适应到 rem? 在 vue3 中,您可以在某个页面中使用 px 转 rem 的自适应功能,以免影响其他项目 ui 框架。以下是实现方法: 使用 jquery 获取页面宽度,并将其作为基准值。例如,使用 375 作为基准,您可以在页面 mounted 生命周期函…

    2025年12月24日
    000
  • 如何实现 Vue 3 项目中特定页面自适应,避免影响全局 UI 框架?

    自适应页面 px 到 rem 插件探索 在 vue 3 项目中,开发者有时需要让某个特定页面具有自适应大小,即根据不同分辨率自动调整 px 到 rem 的转换。然而,传统的 px-to-rem 插件可能会影响整个项目的 ui 框架。 为了解决这个问题,这里提供了一种利用 javascript 和 v…

    2025年12月24日
    000
  • Vue 3 页面如何实现 px to rem 自适应?

    如何在 vue 3 页面中实现 px to rem 自适应? 在 vue 项目中,有时需要让特定的页面进行 px to rem 自适应,以实现自动缩放。以下是一个可用的解决方案: 使用 javascript 获取页面宽度,并以 375px 作为基准值。例如: let appwidth = $(‘#a…

    2025年12月24日
    400
  • CSS 砌体 Catness

    css 就像技术中的其他东西一样 – 它总是在变化和发展。该领域正在进行的开发是 css 网格布局模块级别 3,也称为 css masonry 布局。 theo 制作了一段视频,介绍了它的开发方式以及苹果和谷歌就如何实施它进行的辩论。 所有这些让我很高兴尝试 css 砌体! webkit…

    好文分享 2025年12月24日
    000
  • 如何解决VSCode中折叠部分的代码复制问题?

    Vscode中折叠代码的复制方法 当Vscode中的代码过多时,可以将其折叠起来以方便查看和编辑。不过,有时用户可能会发现折叠后复制代码时只复制了显示的部分,而折叠部分没有被复制。以下是如何解决此问题的方法: 使用快捷键Ctrl+C直接复制 当代码折叠时,直接使用Ctrl+C快捷键复制即可复制所有代…

    2025年12月24日
    000
  • 如何复制折叠的代码?

    Visual Studio Code 中如何复制折叠的代码? Visual Studio Code (vscode) 中,当遇到过长的代码时,为了提高可读性和简洁性,开发人员会经常使用折叠功能将代码折叠起来。然而,在折叠代码后,直接按住 Ctrl + C 复制代码时,只会复制展开的部分,而折叠的部分…

    2025年12月24日
    000
  • 如何在 VSCode 复制折叠的代码?

    如何复制折叠的 VSCode 代码 使用 VSCode 时,代码过长可能会造成不便。在折叠代码后,发现无法正常复制折叠的部分,令人感到烦恼。本文将介绍一种解决方案,帮助你轻松复制折叠的 VSCode 代码。 问题:如何复制折叠起来的 VSCode 代码? 当你折叠代码后,直接选中复制只会复制未折叠的…

    2025年12月24日
    000
  • CSS 太棒了!

    我正在学习什么 css 赋予了页面活力。多年来,css 变得越来越强大,并且已经开始用于制作以前需要 javascript 的动画。本周我一直在研究它的一些更高级的属性。 媒体查询 媒体查询几乎已经成为新时代设备的必需品。随着智能手机的出现,通过手机消费媒体的人比任何其他设备都多。因此,网站必须在移…

    2025年12月24日
    000
  • 试验 Tailwind CSS:快速指南

    tailwind css 是一个实用性优先的 css 框架,因其灵活性和易用性而在 web 开发人员中广受欢迎。 tailwind css 在 npm 上的每周下载量超过 950 万次(2024 年 8 月 5 日),显然它是 web 开发社区的最爱。在这篇博文中,我们将探讨如何在不设置本地开发环境…

    2025年12月24日
    000
  • VSCode如何使用HTML插件_高效开发环境配置【技巧】

    VSCode中HTML开发需配置五项功能:一、启用内置HTML语言支持;二、配置Emmet实现快捷展开;三、安装Live Server插件实现自动刷新预览;四、启用Auto Rename Tag同步修改成对标签;五、配置Prettier实现HTML格式自动化。 如果您在VSCode中编写HTML文件…

    2025年12月23日
    000
  • 怎么在vscode中运行html_vscode运行html文件步骤【教程】

    使用Live Server插件可实现实时预览,安装后右键HTML文件选择Open with Live Server即可在浏览器中自动打开并实时刷新页面。 如果您在使用 VSCode 编辑 HTML 文件,但无法直接查看页面效果,可以通过多种方式快速预览和运行 HTML 文件。以下是具体的操作步骤: …

    2025年12月23日
    000
  • 怎么进入html5编辑_用VSCode/记事本打开.html文件即可进入HTML5编辑【进入】

    最直接编辑HTML5文件的方式是用文本编辑器打开.html文件:一、VSCode右键打开或拖拽加载;二、记事本右键打开并设UTF-8编码;三、VSCode命令面板快速搜索打开。 如果您希望对HTML5文件进行编辑,最直接的方式是使用文本编辑器打开已有的.html文件。以下是具体操作步骤: 一、使用V…

    2025年12月23日
    000
  • vscode设置html5环境_插件配置与代码片段设置【教程】

    若VS Code中HTML文件缺乏语法高亮、智能补全及HTML5结构快速生成,需安装Auto Close Tag、Auto Rename Tag、CSS class IntelliSense和HTML Boilerplate插件,启用Emmet并配置html关联与格式化设置。 如果您在 Visual…

    2025年12月23日
    000
  • html5如何改成flash_HTML5替代Flash方案与迁移技巧【方法】

    需用HTML5替代Flash:一、Canvas/SVG重写动画图形;二、Video/Audio元素+Web Audio API替代音视频;三、WebSocket/Fetch重构通信;四、Emscripten将AS3转WebAssembly;五、Ruffle模拟器运行遗留SWF。 如果您正在处理一个原…

    2025年12月23日
    000
  • 怎么在vscode运行html_vscode运行html步骤【指南】

    答案:在VSCode中运行HTML需安装Live Server扩展。1. 创建并保存HTML文件;2. 安装Ritwick Dey开发的Live Server插件;3. 右键选择“Open with Live Server”即可在浏览器中实时预览,修改后自动刷新。 在 VSCode 中运行 HTML…

    2025年12月23日
    000
  • vscode怎么编译运行html_vscode编译运行html步骤【指南】

    使用Live Server插件可实时预览HTML页面,安装后右键选择Open with Live Server即可在浏览器中查看并支持热重载。 如果您在使用 Visual Studio Code 编辑 HTML 文件,但无法查看页面效果,可能是因为缺少正确的运行环境或配置。以下是几种在 VSCode…

    2025年12月23日
    000
  • vscode怎么运行html代码框架_vscode运行html框架方法【教程】

    使用Live Server插件可快速预览HTML,安装后右键选择“Open with Live Server”即可在浏览器中实时查看页面效果。 如果您在使用 Visual Studio Code 编辑 HTML 文件,但无法直接查看页面效果,可以通过多种方式快速运行并预览 HTML 代码。以下是几种…

    2025年12月23日
    000

发表回复

登录后才能评论
关注微信