C语言小白日记:win10环境下VS Code配置过程

C语言小白日记:win10环境下VS Code配置过程

学习C语言,一开始用的是Visual C++ 6,一次偶然的机会发现了VS Code这款神器,这款软件功能强大,界面美观大方,编程方便,因此萌生了更换编程软件的念头。说实话对还没入门的新人,配置难度有点大。我足足折腾了3天才配置成功(泪累)。下面我把我配置的详细过程写下来,帮助有需要的人少走些弯路。

PS:由于不知道头条不能直接上传图片,这里只有文字版 ,我实际整理了40多张图片,一张一张上传实在太麻烦,如果有需要的朋友可以私信我或者直接留邮箱

步骤一:下载并安装VS code软件 (难度:一颗星)

1.1 官方下载地址https://code.visualstudio.com/Download

1.2 我用的win0系统,直接点windows下载,下载默认用浏览器,下载完成后直接点击安装,安装位置为了方便查找选择C盘根目录(C:\\Microsoft VS Code)。由于默认的安装文件夹不是在C盘根目录,点击“浏览”→点击“C盘”→点“确定”即可。如下图:

1.3 一路点“下一步”,到“选择其他任务”时,如下勾选:

注:最后一项必须勾选,第二三项也有用,强烈建议全选!!!

1.4 点“下一步”→点“安装”,耐心等待,大约几十秒即可安装完成。

1.5 安装完成后重启电脑。

步骤二:配置C语言插件及修改软件语言(难度:两颗星)

2.1打开VS code软件,如下:

2.2修改软件语言

英语好的同学这一步可以忽略,看起来费劲的同学可以把环境语言设置成中文。

2.2.1 按快捷键“Ctrl+Shift+P”,出现如下界面

2.2.2在顶部搜索框输入“configure language”,然后回车。

2.2.3点“configure display language”

2.2.4接着点“Install additional languages …”出现如下界面:

2.2.5点击第一个中文(简体)右下角绿色的“Install”

2.2.6安装完成后,点击右下角的“Restart Now”按钮,或者手动重启VS Code软件也可以。

重启后界面:

当当当,已经变为中文界面

2.3安装C语言插件

2.3.1点击最左侧四个方框图案的“扩展”按钮,在出现的搜索框中输入“C”,并回车

2.3.2点击第一个C/C++ 0.26.1 右下角“Install”按钮。

2.3.3安装完成后的界面如下:

步骤三:安装mingw-w64(难度:四颗星)

注:这个插件是必须的,否则编程时会出现报警

3.1官方下载地址 https://sourceforge.net/projects/mingw-w64/files/?source=navbar

3.2重要的事情说三遍!重要的事情说三遍!!重要的事情说三遍!!!

打开网页后不要点这个按钮!!!

直接网页往下拉,找到最新的8.1.0版本,我是win0 64位系统,我下载的是x86_64-win32-seh版本,建议先下载再安装,在线安装特别慢。

注:版本选择问题,大家可以根据自己的系统情况自己决定

3.3 点“x86_64-win32-seh”,新页面倒计时结束后会自动跳出下载界面,默认浏览器下载,下载速度非常慢,耐心等待。

3.4 重要!重要!!重要!!!

直接在C盘根目录建立一个新文件夹命名为“mingw-w64”,如下图:

3.5把下载好的x86_64-8.1.0-release-win32-seh-rt_v6-rev0.7z文件解压到mingw-w64文件夹中,如下:

3.6接下来是重头戏:配置系统环境变量

3.6.1以win10系统为例:在搜索框里输入“环境变量”,出现如下界面:

3.6.2点击“编辑系统环境变量”,如下图:

3.6.3点击“环境变量”

注意:我们要配置的是下部的系统环境变量!!!

3.6.4选择“Path”,点“编辑”

3.6.5 重要的事情说三遍!重要的事情说三遍!!重要的事情说三遍!!!一定要点“新建”,不要把系统原有的变量覆盖了。

点“新建”然后点“浏览”,依次点“此电脑”→“C盘”→“mingw-w64”文件夹→“x86_64-8.1.0-release-win32-seh-rt_v6-rev0”文件夹“mingw64”文件夹→“bin”文件夹,点“确定”,出现如下图内容:

3.6.6然后点依次点“确定”退出。此时mingw-w64安装完成。

3.7验证是否安装成功(重要,只有安装成功VS Code才能正常使用!!!

3.7.1首先重启VS Code软件,Win10 系统在搜索框输入“cmd”

3.7.2点击“命令提示符”,在弹出的界面输入gcc -v(中间有一个空格),然后回车,出现如下界面则配置成功

做到这一步的朋友,恭喜你,你离成功只剩下最后一步了

步骤四:给VS Code配置C语言环境(难度:五颗星)

VS Code提供了一个配置C++语言环境的官方教程,打开方式如下:

有一定基础的朋友可以根据官方教程一步步配置,(因为这个教程是针对c++语言的,要配置C语言环境的朋友需要把教程中的g++替换为gcc)但是自己配置有几个坑需要注意(巨坑,一不留神可能导致软件无法调试),对于新人我建议按照我的方案进行配置,下面是我根据官方教程总结的配置方案:

步骤四:创建工作文件夹及配置工作文件

4.1.1关闭VS Code软件

4.1.2重新打开“命令提示符”界面,讲下面这段内容复制进去,并点回车

mkdir projects

cd projects

mkdir helloworld

cd helloworld

code .

4.1.2“命令提示符”界面出现如下内容

4.1.3 VS code软件会自动重启,显示如下:

此时,projects文件夹下的helloworld文件夹就变成我们的VS Code软件专用工作文件夹。之后的配置均在这个文件夹中完成,我们以后要编写和调试的程序也都放在这个文件夹中。

注:我第一次配置的时候这两个文件夹是直接建在桌面的,用另一台电脑配置的时候这两个文件夹出现在C//用户//Administator//projects目录下。我还没搞明白为什么,朋友们在配置的时候注意查看一下projects文件夹在电脑的具体位置。不论在那个位置都可以创建桌面快捷方式,因此并不影响使用。

4.2配置下面3个文件

c_cpp_properties.json (编译器路径)

tasks.json (构建指令)

launch.json (调试设置)

完成这三个文件的配置后,我们就能正常使用VS Code了

插入胜利图片

4.3配置编译器路径(c_cpp_properties.json)

4.3.1:按下Ctrl+Shift+P打开命令面板,打开后如图:

4.3.2输入“C/C++”,显示如图:

4.3.3点击“编辑配置(UI)”,如下图:

此时VS Code会在helloworld文件夹中自动生成.vscode文件夹

4.3.4我们点开“C/C++ Configurations”界面,以下内容会自动生成,

配置名称:win32

编译器路径:C:\\Mingw-w64\\\\x86_64-8.1.0-release-win32-seh-rt_v6-rev0\\mingw64\\bin\\gcc.exe(注意核对)

IntelliSense 模式:gcc-x64

其他均为默认即可

4.3.5:点击左侧显示栏.vscode文件夹下的的“c_cpp_properties.json”文件,显示如下:

如果显示内容有误可以用下面内容将其覆盖,(复制的时候不要忘记{})然后点“Ctrl+S”保存即可。

{

"configurations": [

{

"name": "Win32",

"includePath": [

"${workspaceFolder}/**"

],

"defines": [

"_DEBUG",

"UNICODE",

"_UNICODE"

],

"compilerPath": "C:\\\\mingw-64\\\\\\x86_64-8.1.0-release-win32-seh-rt_v6-rev0\\\\mingw64\\\\bin\\\\gcc.exe",

"cStandard": "c11",

"cppStandard": "c++17",

"intelliSenseMode": "gcc-x64"

}

],

"version": 4

}

4.4配置tasks.json文件

4.4.1点击“查看”→“命令面板”:

4.4.2在搜索栏输入“task”,并选择“Tasks:Configure Dedault Build Task”(任务:配置默认生成任务)选项

界面如下:

点击“使用模板创建task.json”选项,界面如下:

点击“others”选项,界面如下:

直接复制下面这段程序,将其替换(重要)!!!(复制的时候不要忘记{})

{

// See https://go.microsoft.com/fwlink/?LinkId=733558

// for the documentation about the tasks.json format

"version": "2.0.0",

"tasks": [

{

"label": "build gcc",

"type": "shell",

"command": "gcc",

"args": ["-g", "-o", "${fileBasenameNoExtension}", "${fileBasenameNoExtension}.c"],

"group": {

"kind": "build",

"isDefault": true

}

}

]

}

注:“args”[]中的"${fileBasenameNoExtension}"作用是确定文件位置,感兴趣的可以查查VS code 中的各种变量 ${file},${fileBasename}的含义。私信我也可以。

替换完成“Ctrl+S”保存,界面如下:

此时,按Ctrl+Shift+B构建指令就会执行

4.5 配置launch.json文件

这个文件配置完成后按F5,调试任务就会执行

4.5.1 如上文4.4点击“查看”→“命令面板”在搜索栏输入“launch”,并选择“Debug: Open launch.json”(调试:打开launch.json)选项,然后选择“GDB/LLDB”,界面如下:

直接复制下面这段程序,将其替换(重要)!!!(复制的时候不要忘记{})

{

// 使用 IntelliSense 了解相关属性。

// 悬停以查看现有属性的描述。

// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387

"version": "0.2.0",

"configurations": [

{

"name": "(gdb) 启动",

"type": "cppdbg",

"request": "launch",

"program": "${workspaceFolder}/${fileBasenameNoExtension}.exe",

"args": [],

"stopAtEntry": true,

"cwd": "${workspaceFolder}",

"environment": [],

"externalConsole": true,

"MIMode": "gdb",

"miDebuggerPath": "C:\\\\mingw-64\\\\\\x86_64-8.1.0-release-win32-seh-rt_v6-rev0\\\\mingw64\\\\bin\\\\gdb.exe",

"setupCommands": [

{

"description": "为 gdb 启用整齐打印",

"text": "-enable-pretty-printing",

"ignoreFailures": true

}

]

}

]

}

注:”stopAtEntry”如果为true,调试时遇到断点会暂停,按F10会继续;如果为false,遇到断点则不会暂停,一般选false,看个人习惯选择

替换完成“Ctrl+S”保存,界面如下:

终于,大功告成!!

吐血整理啊,如果这篇文章对你有帮助,请点赞。


分享到:


相關文章: