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),代码段和代码重构等。编辑器支持用户定制的配置,例如仍在编辑器中时,可以更改各种属性和参数,例如主题颜色,键盘快捷键等,内置的扩展程序管理功能。

VScode的使用——“VSCode”


VSCode的下载和安装

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

VScode的使用——“VSCode”

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

VScode的使用——“VSCode”再点击Windows版本的稳定版本的下载:

VScode的使用——“VSCode” 然后,又会弹出这样一个页面

VScode的使用——“VSCode”

点击右上角的下载:

VScode的使用——“VSCode”

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

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

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

VScode的使用——“VSCode”

 点击下一步:

        这些信息可以都勾选上

VScode的使用——“VSCode”

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

VScode的使用——“VSCode”

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

VScode的使用——“VSCode”

VScode的使用——“VSCode”

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

VScode的使用——“VSCode”

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

当然,安装好中文插件之后,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

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

VScode的使用——“VSCode”

点击这个之后:

VScode的使用——“VSCode”实际上,到这个页面的时候,它就会自动下载

VScode的使用——“VSCode” 然后,在文件路径里面打开它,右击鼠标,解压!!!

VScode的使用——“VSCode”

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

 配置mingw64

 VScode的使用——“VSCode”

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

VScode的使用——“VSCode”

VScode的使用——“VSCode” 双击path

 VScode的使用——“VSCode”

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

VScode的使用——“VSCode”

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

验证一下:

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

VScode的使用——“VSCode”

VScode的使用——“VSCode”  安装C/C++插件

 VScode的使用——“VSCode”

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

安装第一个!!!

VScode的使用——“VSCode” 重启VSCode

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


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

打开文件夹

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

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

VScode的使用——“VSCode”

点击选择文件夹:  VScode的使用——“VSCode”

 继续下一步,勾选并信任:VScode的使用——“VSCode”

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

VScode的使用——“VSCode”

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

VScode的使用——“VSCode”

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


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

VScode的使用——“VSCode”

VScode的使用——“VSCode” 编译器路径修改: VScode的使用——“VSCode”

 IntelliSense 模式修改:

VScode的使用——“VSCode”

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

VScode的使用——“VSCode”

VScode的使用——“VSCode”

继续下一步。 


VSCode生成tasks.json文件

 创建执行任务:tasks.json

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

VScode的使用——“VSCode”

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

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

VScode的使用——“VSCode”

{
	"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语言代码中
  • 然后执行[终端]->[运行生成任务]

VScode的使用——“VSCode”

执行 VScode的使用——“VSCode”

 VScode的使用——“VSCode”

VScode的使用——“VSCode”


再写一个代码怎么办? VScode的使用——“VSCode”

VScode的使用——“VSCode”  VScode的使用——“VSCode”

 流程就按照之前的来就可以,但是这次,我们可以把那个.vscode的文件直接拷贝过来使用,这个倒是不用那么麻烦了

VScode的使用——“VSCode”

VScode的使用——“VSCode”

VScode的使用——“VSCode”


好啦,小雅兰今天的学习内容就到这里啦,又学会了一个全新的编辑器呢,小雅兰还要继续加油呀!!! 

 VScode的使用——“VSCode”文章来源地址https://www.toymoban.com/news/detail-409535.html

到了这里,关于VScode的使用——“VSCode”的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 便捷开发技巧——在Vscode中使用Git-翻译自Vscode官网

    介绍 Want to easily manage your source code and collaborate with others? Git and GitHub are the tools you need! And with Visual Studio Code, you can set up and use them in a snap. Even if you’re a beginner, VS Code’s user-friendly interface guides you through common Git actions like pushing and pulling code, creating and merging branches, and committin

    2024年01月17日
    浏览(51)
  • 【VScode】使用VScode内置的调试控制台来调试JS

    在 TEST 文件夹下有一个 javascript.js 文件,里面有一段 JS 代码,我想用 VScode 内置控制台打断点 1、切换到【运行和调试】,首次需要添加配置,设置 launch.json 文件。  2、launch.json 文件配置如下,注意 program 配置成 ${file},表示 是 当前打开的文件 ,这样一来我们每切换到另

    2024年02月12日
    浏览(53)
  • 【vscode】Window11环境下vscode使用Fira Code字体【教程】

    如果想要在 Ubuntu 环境下使用 Fira Code 字体,可以参考我的这篇博客 进入Github项目,找到 Release 然后下载最新款的安装包 进入 控制面板 ,选择 大图标 查看,然后进入 字体 进入解压目录的 ttf 文件夹,拷贝所有的文件 然后粘贴到 字体 中,完成安装 按 Ctrl+, 进入设置,如下

    2024年01月25日
    浏览(37)
  • VScode 右键菜单加入使用用VSCode打开文件和文件夹【Windows】

    鼠标右击文件或者文件夹,可直接用VSCode打开,非常方便。但如果我们在安装VSCode的时候没有勾选这2个选项,那就享受不到这个便捷的功能了,那么怎么办呢? 此时存在2种方法进行修复: 重装软件 在安装的过程中勾选上这2个选项即可(肯定我们不愿意,很多配置和插件都用

    2024年02月17日
    浏览(56)
  • Git - VSCode 使用手册

    本文为在 VSCode 中使用 Git 的基本使用手册。 本文仅演示 VSCode 默认提供的 Git 源代码管理功能,进阶Git功能可安装额外的Git插件。 源代码管理 面板中,点击 克隆仓库 输入 仓库URL 仓库URL,示例 选择仓库存储地址 打开仓库或仓库内的项目 源代码管理 面板中,可以看到Git仓库

    2024年02月04日
    浏览(40)
  • GitHub 使用基础[Vscode]

    本介绍基于官方文档https://code.visualstudio.com/docs/sourcecontrol/intro-to-git 目录 1准备工作 1.1安装 安装Vscode, 这很简单。 安装Git.这里可能会出现安装失败的问题,重复就行。 1.2注册一个GitHub账户,设置SSH  1.2.1完成git本地设置 1.2.2生成SSH密钥 1.3建立连接 2 VS code 使用github 2.1git bas

    2024年02月07日
    浏览(35)
  • Vscode使用Git详解

    简介 :本文将带你完成 git 安装 、 远程代码仓库创建 、 链接远程仓库 、 代码推送 等 说明 :本文演示所用远程仓库为 gitee(码云),你用 github或者其他的远程仓库也是可以的的 最后 :欢迎评论区讨论,我尽力解答你们的疑惑 git官网地址 :https://git-scm.com/ 1.1 打开 git 官

    2024年02月03日
    浏览(40)
  • 在VScode使用git

    第一步:本地建一个项目文件夹; 第二步:用vscode打开这个文件夹; 第三步:点击第三个图标,源代码管理,点击初始化 第四步: 添加远程库 第五步:写入git@gitee.com:XXXXXXX/gittest.git 第六步:定义远程库存储名称: origin ,这是Git默认的叫法,也可以改成别的,但是 origin

    2024年02月11日
    浏览(30)
  • vscode - GitLens插件使用

    GitLens 插件功能介绍 GitLens文档 (英文) 链接 简化git操作 每行代码的末尾,都会公开最后一次提交的作者、时间、信息。鼠标悬停在这些注释上显示更多详细信息 准备工作 1、VS code 内进行下载,下载之后如下: 2、确保在分支上以后,可以开始工作 (查看分支显示及分支切换

    2024年02月06日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包