VScode的使用——“VSCode”

简介: VScode的使用——“VSCode”

各位CSDN的uu们你们好呀,这是我成为CSDN实力新星后写的第一篇文章,而且最近呢,确实是有点摆烂,没有怎么写博客,但是我发现,还是得多写,才有意义,下面,让我们进入VScode的世界吧


VSCode是什么


VSCode的下载和安装


VSCode配置C/C++开发环境


在VSCode上编写C语言代码并编译成功


VSCode设置C/C++的编译选项


VSCode生成tasks.json文件


VSCode编译和执行C程序


再写一个代码怎么办?


VSCode是什么


VScode是一种简化且高效的代码编辑器,同时支持诸如调试,任务执行和版本管理之类的开发操作。它的目标是提供一种快速的编码编译调试工具。然后将其余部分留给IDE。VSCode集成了所有一款现代编辑器所应该具备的特性,包括语法高亮、可定制的热键绑定、括号匹配、以及代码片段收集等。


Visual Studio Code(简称VSCode)是Microsoft开发的代码编辑器,它支持Windows,Linux和macOS等操作系统以及开源代码。它支持测试,并具有内置的Git版本控制功能以及开发环境功能,例如代码完成(类似于IntelliSense),代码段和代码重构等。编辑器支持用户定制的配置,例如仍在编辑器中时,可以更改各种属性和参数,例如主题颜色,键盘快捷键等,内置的扩展程序管理功能。

386b6ec3447f4db686cf7e9ea14c5d27.png

VSCode的下载和安装

在浏览器上搜索:VSCode,然后,就会弹出一个网页

c57dabdee659401f90faf35f38d61327.png

点击第一行:https://www.baidu.com/link?url=kKyauPjlIE3E8IqZREIZxwgYkhlrRFpuCZ2tpm9NrkM4vK-YXncb1i4Z__IoBGx1&wd=&eqid=c5626daf0010fe9100000004642eac59

b6a045117781441cb3f8ba430cd8bcd3.png

再点击Windows版本的稳定版本的下载:

d76672bfba2f4a0eb421a4a12cf43a63.png

然后,又会弹出这样一个页面


49e3bcfe09894da28773dcc5322551c3.png

点击右上角的下载:

0c1292818aee4149867e2226fcc888cb.png

这样,就可以下载好啦!!!

接下来就是安装,双击上述的这个VSCodeUserSetup

可以把路径稍微修改一下,不要把什么东西都下在C盘中

1b9b5fa14b8342d591b203682b7a5402.png

点击下一步:

       这些信息可以都勾选上

c1662690877b4bd48f1d1538f6a9e60f.png 其余的就直接点下一步,不需要修改啦,然后,如果不出意外的话,点击安装,就可以装好啦

96515b7bb7a0406685e41808b888f8a3.png

安装成功后,打开VSCode的页面,应该是这个样子:

e51f4f69d8b742f1bbcd820450d14f99.png

00b9a8b12fbe41c2899e2f6808efaceb.png

但是,有些人可能打开之后是一个英文界面,这样使用对于我们来说不太方便,那么,可以下载一个中文插件

7bf3a5350f754f528a5d725b295e5aa8.png

点击扩展,安装第一个,就可以啦,这样使用起来就是中文的了


当然,安装好中文插件之后,VSCode会自动弹出一条消息,你只要点击Restart就可以了


VSCode配置C/C++开发环境


VSCode安装好之后,我们还是要知道,VSCode毕竟是一个高级的编辑器,只能用来写C/C++代码,不能直接编译代码。所以,如果我们要能使用VSCode搭建C/C++的编译和调试环境,还必须有编译器使用。为了方便,我们就使用MinGW-w64,MinGW-w64移植到Windows平台的一个gcc编译器,使用起来也是非常方便的。下面我们就演示怎么下载和配置MinGW-w64。


下载和配置MinGW-w64编译器套件


下载:https://www.baidu.com/link?url=vubAOPrGZ4BpQaK0egBiJPIpIAVAVoh1guqvrmj62aRqirWZK7omCgqYLi80Sno7LVuGpmTPjDKyJLKaxLx0nK&wd=&eqid=9452f68b0000f62000000004642eb112


点击这个链接后,往下翻,找到对应的版本,下载,别搞错了!!!

8ac5d1a90b6e4ed98b6df4cd3baa803d.png

点击这个之后:

e9f863929f0c4813b66203e16a85cba7.png

实际上,到这个页面的时候,它就会自动下载

3fdc6ead5c964bc09e32b92d3f4c7926.png

然后,在文件路径里面打开它,右击鼠标,解压!!!

237a2df82b584917a2bf418600566087.png

解压出来后,进到文件夹中,拷贝mingw64这个文件夹到一个最简单的目录下,路径的名字不要有中文、空格、特殊字符等

a945be853be34294bd7600388c32aa10.png

配置mingw64

9c6d9ca6650f4b24af703276c872043d.png

进入系统属性,点击环境变量:

6a3be6045ce14363915a3f665428147b.png

20f50eeaa9324fe2bec3c586ac6b45a1.png

双击path

044dd79c362a4cb287007b574bf63874.png

然后添加刚刚解压好的mingw64的bin

291cf15c3efb41e69890083c8792e676.png

然后点击所有的确定!!!

验证一下:

在Windows电脑上打开cmd窗口,输入:gcc --version或者where gcc,要是能看到下面的界面, 就说明MinGW-w64的编译器套件已经配置好了。


941125065f914592813f7d4a9dd11a03.png

c9385e76f2bc4d439e70ca17986ddf6b.png

  安装C/C++插件

c84e3424bbf343a5bcbeee67b9e96a23.png

仍然是在扩展里面搜索:C/C++

安装第一个!!!

05b59156668d47f39a548aa4f8dc2a96.png

重启VSCode


这一步很重要,让前面的设置生效,要不然后面会出问题的。


在VSCode上编写C语言代码并编译成功


打开文件夹


在VSCode上写代码都是首先要打开文件夹的,这样也方便管理代码和编译器产生的可执行程序,和VSCode生成的配置文件等。


在写代码前,我们想清楚把代码放在什么地方管理,比如:在D盘下,我创建一个code的文件夹,我希望以后我写的代码都管理在code目录下,然后每天写的代码我再使用一个文件夹管理,比如,test4-6。

9bcb9bcf5deb445387435da124e78b1d.png

点击选择文件夹:  

5927aa90e87f41d3b96d33c9af3ac585.png

继续下一步,勾选并信任:

c6562273b69e42f889f40d460c9bba4f.png

这样就打开了test4-6的文件夹,在VSCode这里显示的都是大写字母。

765e57c8c24840a6bd958a876ad708f6.png

新建C语言文件,编写C语言代码

5187e8bdbee043348737fe8aee9aee3d.png

代码写好了,为了编译代码,还没有完,我们继续下一步


VSCode设置C/C++的编译选项

e177b4f784dd4569a82e31677fbfa28a.png

9927114761fb49398dffdb063fb15654.png

编译器路径修改:

73b8c9da85244d0fad236449f3577e1f.png

IntelliSense 模式修改:

4b4db1a7205d4d67a898fc97f9e8ddb2.png

这时,默认生成了一个 .vscode的文件

58c4ad9cb88f4286830e10beb3ea5edc.png

3f9e766312d146ef9e5d4f5bf78338b1.png

继续下一步。


VSCode生成tasks.json文件

创建执行任务:tasks.json

要编译代码,我们接下来,在终端上:配置任务,如下图:

8df4c451b2164bf592d47d9561c60b9a.png

点第二个:gcc.exe生成活动文件

然后,又默认生成了一个tasks.json这个文件

bf3f143a9e2e4e018a5a2d8b84b55b46.png

{
  "version": "2.0.0",
  "tasks": [
    {
      "type": "cppbuild",
      "label": "C/C++: gcc.exe 生成活动文件",
      "command": "C:/Users/86137/Desktop/mingw64/bin/gcc.exe",//指定编译器
      "args": [
        "-fdiagnostics-color=always",
        "-g",
        "${file}",//被编译的文件
        "-o",
        "${fileDirname}\\${fileBasenameNoExtension}.exe"//指定生成的可执行文件的路径
      ],
      "options": {
        "cwd": "C:/Users/86137/Desktop/mingw64/bin"
      },
      "problemMatcher": [
        "$gcc"
      ],
      "group": "build",
      "detail": "编译器: C:/Users/86137/Desktop/mingw64/bin/gcc.exe"
    }
  ]
}

VSCode编译和执行C程序

编译

完成了上述的步骤,我们就准备好了所有的准备,接下来就可以编译并生成可执行程序了。

具体操作如下:

  • 鼠标点在要编译的C语言代码中
  • 然后执行[终端]->[运行生成任务]
  • 42fdc0a931684050a9e696769e314b3e.png
  • 执行 
  • c324a4ca8f1b43458693fd72b0078031.png
  • f4c80c11ed5c40eea4c8fb4878afcdfd.png
  • 4f66ce73a6404620ac5838996ca907a2.png
  • 再写一个代码怎么办?
  • ec135fb692b04709b4c56ac1b6d6f1a0.png
  • cba08c725691444f85c9f4e336473323.png
  • 38aa9e36cffc40cbad9735978ad23819.png

  • 流程就按照之前的来就可以,但是这次,我们可以把那个.vscode的文件直接拷贝过来使用,这个倒是不用那么麻烦了
  • fc7d2dccba4444b4bca4848d8eefd758.png
  • 96ed4aad77294b75af00f3573fba3576.png
  • 8e8d46c7e0a04fdd99821e0b3ddbf830.png
  • 好啦,小雅兰今天的学习内容就到这里啦,又学会了一个全新的编辑器呢,小雅兰还要继续加油呀!!!
  • e3920968ef6b4c598119e2d4c536e038.jpg

相关文章
|
3月前
|
C语言 C++
vscode——如何在vscode中运行C/C++
vscode——如何在vscode中运行C/C++
53 1
|
3月前
|
JSON 前端开发 JavaScript
这 2 个插件,让你的 vscode更牛逼
这 2 个插件,让你的 vscode更牛逼
|
6月前
|
JavaScript 开发工具 git
【Vscode】 Vscode常用插件
【Vscode】 Vscode常用插件
105 0
|
6月前
配置vscode
配置vscode
59 4
|
6月前
vscode中可能遇到的一些问题
vscode中可能遇到的一些问题
253 1
|
6月前
|
Ubuntu 网络安全 开发工具
vscode使用
vscode使用
136 1
|
6月前
|
JSON Linux Shell
vscode c++ 使用问题汇总
vscode c++ 使用问题汇总
202 0
|
6月前
vscode配置
vscode配置
200 0
|
前端开发 JavaScript NoSQL
vscode全套配置001(上)
vscode全套配置001
155 0
|
Go 开发工具 git
vscode全套配置001(下)
vscode全套配置001
114 0