Visual Stuio Code 和 Source Insight 一样,都是编辑器,Visual Studio Sode 本教程以后就简称为 VSCode,VSCode 是微软出的一款编辑器,但是免费的。VSCode 有 Windows、Linux 和macOS 三个版本的,是一个跨平台的编辑器。VSCode 下载地址是:https://code.visualstudio.com/,下载界面如图所示:
![64673553056aa86c312c76520af084d5.png](https://i-blog.csdnimg.cn/blog_migrate/55dc73f917c95d27ff6beac02ef95b6e.jpeg)
VSCode 下载地址
1、Windows 版本安装
Windows 版本的安装和容易,和其他Windows 一样,双击.exe 安装包,然后一路“下一步”即可,安装完成以后在桌面上就会有VSCode 的图标,如图所示:
![831651066a4903b05b8460c8aa718445.png](https://i-blog.csdnimg.cn/blog_migrate/aea2f7ebf2d5c95ea1364816081bb921.jpeg)
VSCode 图标
双击图标打开VSCode,默认界面如图所示:
![6ee2794d7a95ca503c95ac3256129fe4.png](https://i-blog.csdnimg.cn/blog_migrate/a0250875b82f141bccf59a01e341915a.jpeg)
VSCode 默认界面
2、Linux 版本安装
我们有时候也需要在 Ubuntu 下阅读代码,所以还需要在 Ubuntu 下安装VSCode。将.deb 软件包拷贝到 Ubuntu系统中,然后使用如下命令安装:
sudo dpkg -i code_1.35.3-1552606978_amd64.deb
等待安装完成,如图所示:
![7e147a0c5afcb33186bc05511e74ab51.png](https://i-blog.csdnimg.cn/blog_migrate/1abdb519eb1d4a8541c8507abe8184ab.jpeg)
VSCode 安装过程
安装完成以后搜索“Visual Studio Code”就可以找到,如图所示:
![7bc2b843cd928d2f188c24a51207bc0a.png](https://i-blog.csdnimg.cn/blog_migrate/10e434beacecfdd0a0fb9a8b6a41f9d2.jpeg)
Visual Studio Code
每次打开VSCode 都要搜索,太麻烦了,我们可以将图标添加到 Ubuntu 桌面上,安装的所有软件图标都在目录/usr/share/applications 中,如图所示:
![fdeb7d6f8e4525b90dd718258a8b6637.png](https://i-blog.csdnimg.cn/blog_migrate/d43c8e01df9f3c2cf3f7ac7647f4ac74.jpeg)
软件图标
在图中找到 Visual Studio Code 的图标,然后点击鼠标右键,选择复制到->桌面,如图所示:
![b98989fcbcc497229694eebc27e91150.png](https://i-blog.csdnimg.cn/blog_migrate/1d180503f161ca2e9cbbd45030f8b30a.jpeg)
复制图标到桌面
按照图中所示方法将 VSCode 图标复制到桌面,以后直接双击图标即可打开 VSC,Ubuntu 下的 VSCode 打开以后如图所示:
![8a81efb3a497f6f6df065a438f5ca983.png](https://i-blog.csdnimg.cn/blog_migrate/1acc26c4db578cfb49ed52b40e1877a6.jpeg)
Linux 下的VSCode
可以看出 Linux 下的 VSCode 和 Windows 下的基本是一样的,所以使用方法也是一样的。VSCode 支持多种语言,比如 C/C++、Python、C#等等,本教程我们主要用来编写 C/C++程序的,所以需要安装 C/C++的扩展包,扩展包安装很简单,如图所示:
![aca7f7d5bd326465fb48574ef84d19c9.png](https://i-blog.csdnimg.cn/blog_migrate/b962b969ee2e39e81319eb5a48f022eb.jpeg)
VSCode 插件安装
我们需要按照的插件有下面几个:
1)、C/C++,这个肯定是必须的。
2)、C/C++ Snippets,即 C/C++重用代码块。
3)、C/C++ Advanced Lint,即 C/C++静态检测 。
4)、Code Runner,即代码运行。
5)、Include AutoComplete,即自动头文件包含。
6)、Rainbow Brackets,彩虹花括号,有助于阅读代码。
7)、One Dark Pro,VSCode 的主题。
8)、GBKtoUTF8,将 GBK 转换为 UTF8。
9)、ARM,即支持 ARM 汇编语法高亮显示。
10)、Chinese(Simplified),即中文环境。
11)、vscode-icons,VSCode 图标插件,主要是资源管理器下各个文件夹的图标。
12)、compareit,比较插件,可以用于比较两个文件的差异。
13)、DeviceTree,设备树语法插件。
如果要查看已经安装好的插件,可以按照图中所示方法查看:
![701af946e0332a14eb079d7074ca36a6.png](https://i-blog.csdnimg.cn/blog_migrate/9441e9eb46cbf1f55aee8a4a93faa79b.jpeg)
显示已安装的插件
安装好插件以后就可以进行代码编辑了,截至目前,VSCode 界面都是英文环境,我们已经安装了中文插件了,最后将VSCode 改为中文环境,使用方法如图所示:
![41e4578ea9b05b567694c8d4327b68a7.png](https://i-blog.csdnimg.cn/blog_migrate/737207131e588069c0220543da5e5c28.jpeg)
中文语言包使用方法
根据图中的提示,按下“Ctrl+Shift+P”打开搜索框,在搜索框里面输入“config”,然后选择“Configure Display Language”,如图所示:
![c640070810b01d728ea23eca61707f25.png](https://i-blog.csdnimg.cn/blog_migrate/19ba1a8bf1b13a4c0b1a8b89be4a73c4.jpeg)
配置语言
在打开的 local.json 文件中将 locale 修改为 zh-cn,如图所示:
![86e0acb31212af1d733cffecc1a79487.png](https://i-blog.csdnimg.cn/blog_migrate/541bf6a3a7dbbe52fa950593a4da3fa0.jpeg)
修改 locale 变量
修改完成以后保存 local.json,然后重新打开 VSCode,测试 VSCode 就变成了中文的了,如图所示:
![6f4639c4e473058a500bcb54fc1369e0.png](https://i-blog.csdnimg.cn/blog_migrate/6b69c5c52b73505ec98c6813a6a0b6e4.jpeg)
中文环境
Visual Studio Code 新建工程新建一个文件夹用于存放工程,比如我新建了文件夹目录为E:VScode_Program1_test,路径尽量不要有中文和空格打开VSCode。然后在 VSCode 上点击文件->打开文件夹…,选刚刚创建的“1_test”文件夹,打开以后如图所示:
![ea2c2e86d20adb500d4628ed042e9a2f.png](https://i-blog.csdnimg.cn/blog_migrate/0014eaf6dc7b10b0cdda7a3835ecc115.jpeg)
打开的文件夹
从图中可以看出此时的文件夹“1_TEST”是空的,点击文件->将工作区另存为…,打开工作区命名对话框,输入要保存的工作区路径和工作区名字,如图所示:
![2ba4e7b92fd777744a4f82537a23c5cf.png](https://i-blog.csdnimg.cn/blog_migrate/c09fb6c9d8b85948f5932780ffcdc93f.jpeg)
工作区保存设置
工作区保存成功以后,点击图中的“新建文件”按钮创建 main.c 和 main.h 这两个文件,创建成功以后 VSCode 如图所示:
![9c4b892562976cdaaaba29c32e0f4ce8.png](https://i-blog.csdnimg.cn/blog_migrate/9022f8c7987a5f97d8eeac2b02a55de8.jpeg)
新建文件以后的 VSCode
从图中可以看出,此时“实验 1 TEST”中有.vscode 文件夹、main.c 和 main.h,这三个文件和文件夹同样会出现在“实验 1 test”文件夹中,如图所示:
![68cd2bc8eedafaa770144680762851aa.png](https://i-blog.csdnimg.cn/blog_migrate/f0f7c29551e4c340e65157cc388cfa4c.jpeg)
实验文件夹
在 main.h 中输入如下所示内容:
1 #include 23 int add(int a, int b);
在 main.c 中输入如下所示内容:
1 #include 23 int add(int a, int b) 4 {5 return (a + b); 6 }78 int main(void) 9 {10 int value = 0;1112 value = add(5, 6);13 printf("5 + 6 = %d