VisualStuioCode和SourceInsight一样,都是编辑器,VisualStudioSode本教程以后就简称为VSCode,VSCode是微软出的一款编辑器,但是免费的。VSCode有Windows、Linux和macOS三个版本的,是一个跨平台的编辑器。VSCode下载地址是:https://code.visualstudio.com/,下载界面如图所示:
VSCode下载地址
1、Windows版本安装
Windows版本的安装和容易,和其他Windows一样,双击.exe安装包,然后一路“下一步”即可,安装完成以后在桌面上就会有VSCode的图标,如图所示:
VSCode图标
双击图标打开VSCode,默认界面如图所示:
VSCode默认界面
2、Linux版本安装
我们有时候也需要在Ubuntu下阅读代码,所以还需要在Ubuntu下安装VSCode。将.deb软件包拷贝到Ubuntu系统中,然后使用如下命令安装:
sudodpkg-icode_1.35.3-1552606978_amd64.deb
等待安装完成,如图所示:
VSCode安装过程
安装完成以后搜索“VisualStudioCode”就可以找到,如图所示:
VisualStudioCode
每次打开VSCode都要搜索,太麻烦了,我们可以将图标添加到Ubuntu桌面上,安装的所有软件图标都在目录/usr/share/applications中,如图所示:
软件图标
在图中找到VisualStudioCode的图标,然后点击鼠标右键,选择复制到->桌面,如图所示:
复制图标到桌面
按照图中所示方法将VSCode图标复制到桌面,以后直接双击图标即可打开VSC,Ubuntu下的VSCode打开以后如图所示:
Linux下的VSCode
可以看出Linux下的VSCode和Windows下的基本是一样的,所以使用方法也是一样的。VSCode支持多种语言,比如C/C++、Python、C#等等,本教程我们主要用来编写C/C++程序的,所以需要安装C/C++的扩展包,扩展包安装很简单,如图所示:
VSCode插件安装
我们需要按照的插件有下面几个:
1)、C/C++,这个肯定是必须的。
2)、C/C++Snippets,即C/C++重用代码块。
3)、C/C++AdvancedLint,即C/C++静态检测。
4)、CodeRunner,即代码运行。
5)、IncludeAutoComplete,即自动头文件包含。
6)、RainbowBrackets,彩虹花括号,有助于阅读代码。
7)、OneDarkPro,VSCode的主题。
8)、GBKtoUTF8,将GBK转换为UTF8。
9)、ARM,即支持ARM汇编语法高亮显示。
10)、Chinese(Simplified),即中文环境。
11)、vscode-icons,VSCode图标插件,主要是资源管理器下各个文件夹的图标。
12)、compareit,比较插件,可以用于比较两个文件的差异。
13)、DeviceTree,设备树语法插件。
如果要查看已经安装好的插件,可以按照图中所示方法查看:
显示已安装的插件
安装好插件以后就可以进行代码编辑了,截至目前,VSCode界面都是英文环境,我们已经安装了中文插件了,最后将VSCode改为中文环境,使用方法如图所示:
中文语言包使用方法
根据图中的提示,按下“Ctrl+Shift+P”打开搜索框,在搜索框里面输入“config”,然后选择“ConfigureDisplayLanguage”,如图所示:
配置语言
在打开的local.json文件中将locale修改为zh-cn,如图所示:
修改locale变量
修改完成以后保存local.json,然后重新打开VSCode,测试VSCode就变成了中文的了,如图所示:
中文环境
VisualStudioCode新建工程新建一个文件夹用于存放工程,比如我新建了文件夹目录为E:\VScode_Program\1_test,路径尽量不要有中文和空格打开VSCode。然后在VSCode上点击文件->打开文件夹…,选刚刚创建的“1_test”文件夹,打开以后如图所示:
打开的文件夹
从图中可以看出此时的文件夹“1_TEST”是空的,点击文件->将工作区另存为…,打开工作区命名对话框,输入要保存的工作区路径和工作区名字,如图所示:
工作区保存设置
工作区保存成功以后,点击图中的“新建文件”按钮创建main.c和main.h这两个文件,创建成功以后VSCode如图所示:
新建文件以后的VSCode
从图中可以看出,此时“实验1TEST”中有.vscode文件夹、main.c和main.h,这三个文件和文件夹同样会出现在“实验1test”文件夹中,如图所示:
实验文件夹
在main.h中输入如下所示内容:
1#include<stdio.h>23intadd(inta,intb);
在main.c中输入如下所示内容:
1#include<main.h>23intadd(inta,intb)4{5return(a+b);6}78intmain(void)9{10intvalue=0;1112value=add(5,6);13printf("5+6=%d",value);14return0;15}
代码编辑完成以后VSCode界面如图所示:
代码编辑完成以后的界面
从图中可以看出,VSCode的编辑的代码高亮很漂亮,阅读起来很舒服。但是此时提示找不到“stdio.h”这个头文件,如图所示错误提示:
头文件找不到
图中提示找不到“main.h”,同样的在main.h文件中会提示找不到“stdio.h”。这是因为我们没有添加头文件路径。按下“Ctrl+Shift+P”打开搜索框,然后输入“Editconfigurations”,选择“C/C++:Editconfigurations…”,如图所示:
打开C/C++编辑配置文件
C/C++的配置文件是个json文件,名为:c_cpp_properties.json,此文件默认内容如图所示:
文件c_cpp_properties.json内容
c_cpp_properties.json中的变量“includePath”用于指定工程中的头文件路径,但是“stdio.h”是C语言库文件,而VSCode只是个编辑器,没有编译器,所以肯定是没有stdio.h的,除非我们自行安装一个编译器,比如CygWin,然后在includePath中添加编译器的头文件。这里我们就不添加了,因为我们不会使用VSCode来编译程序,这里主要知道如何指定头文件路径就可以了,后面有实际需要的时候再来讲。
我们在VScode上打开一个新文件的话会覆盖掉以前的文件,这是因为VSCode默认开启了预览模式,预览模式下单击左侧的文件就会覆盖掉当前的打开的文件。如果不想覆盖的话采用双击打开即可,或者设置VSCode关闭预览模式,设置如图所示:
取消预览
我们在编写代码的时候有时候会在右下角有如图所示的警告提示:
错误提示
这是因为插件C/C++Lint打开了几个功能,我们将其关闭就可以了,顺便也可以学习一下VSCode插件配置方法,如图所示:
C/C++Lint配置界面
在C/C++Lint配置界面上找到CLang:Enable、Cppcheck:Enable、Flexlint:Enable这个三个,然后取消掉勾选即可,如图所示:
C/C++Lint配置
按照图中所示取消这三个有关C/C++Lint的配置以后就不会有前面的错误提示了。但是关闭Cppcheck:Enable以后VSCode就不能实时检查错误了,大家根据实际情况选择即可。