随着VS Code功能不断完善,现今版本相比两年前易用性极大提升。之前写的一篇《Visual Studio Code安装和配置》已经过时。本文使用VS Code 1.35.0介绍基本使用方法。

      基本环境:VS Code 1.35.0

      编译器:MinGW_w64 (GCC8.1.0)

一、配置插件

     在Windows下安装VS Code比较简单,setup即可;也可直接使用其免安装版,本文使用了免安装版,解压zip文件后,双击Code.exe即可,界面如下:

visual studio code安装gitlab visual studio code安装配置_编译器

点击上图左侧红线处图标,打开插件配置栏,POPULAR显示推荐的插件,可以直接点击install安装。安装插件需要联网。

visual studio code安装gitlab visual studio code安装配置_Code_02

点击上方三个点按钮,选择show Installed Extension,  显示当前已安装的所有插件。

visual studio code安装gitlab visual studio code安装配置_json_03

visual studio code安装gitlab visual studio code安装配置_编辑工具_04

所有已安装的插件位于C:\Users\用户\.vscode\extensions\文件夹下,VS Code不会向注册表写入内容。在没有联网的电脑上配置VS Code,只需将该extensions文件夹拷贝到对应位置,即可使用相关插件。

二、配置工程

1. 创建Workspace

VS Code以文件夹为单元管理工程,并可配置多个文件夹的软关联。首先在本地explorer新建一个文件夹test2作为Workspace,然后在VS Code内打开该文件夹。

visual studio code安装gitlab visual studio code安装配置_编译器_05

2. 配置头文件路径

此时Workspace内什么都没有,随便新建main.cpp文件,写入一些内容,具体如下:

visual studio code安装gitlab visual studio code安装配置_编辑工具_06

(1). 如果已经安装MS编译器,则VS Code默认使用该编译器的头文件,#include语句不会提示出错。

(2). 如果没有安装编译器,#include语句会提示出错,需要手动配置头文件路径。键盘按下Ctrl+Shift+P唤出命令行,输入">C/C++:Edit configurations(JSON)"。

visual studio code安装gitlab visual studio code安装配置_Code_07

VS Code自动创建c_cpp_properties.json配置文件,修改其中的includePath为实际头文件路径,同时修改编译器为MinGW。

修改后的c_cpp_properties.json文件如下:

{
    "configurations": [
        {
            "name": "Win32",
            "includePath": [
                "${workspaceFolder}/**",
                "D:/Program Files/MinGW6.0.0/mingw64/lib/gcc/x86_64-w64-mingw32/8.1.0/include/**"
            ],
            "defines": [
                "_DEBUG",
                "UNICODE",
                "_UNICODE"
            ],
            "intelliSenseMode": "gcc-x64",
            "cppStandard": "c++11",
            "compilerPath": "D:/Program Files/MinGW6.0.0/mingw64/bin/g++"
        }
    ],
    "version": 4
}

编译器字段"compilerPath"必须配置,否则#include仍提示找不到头文件,VS Code会根据编译器类型配置头文件设置。

3. 编译工程

代码编写完成就可以编译了。按下Ctrl+Shift+B以启动默认Build Task,会提示No build task to run found...  此时需要配置Default build task。可以从菜单栏“Terminal->Configure Default Build Task"创建task.json配置;也可直接在命令行中输入“>Tasks:Configure Default Build Task" 选择Create build task json,选择类型为Others,创建tasks.json文件。

visual studio code安装gitlab visual studio code安装配置_Visual Studio Code_08

修改tasks.json,指定编译器和编译参数如下:

visual studio code安装gitlab visual studio code安装配置_Visual Studio Code_09

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
            "label": "build",
            "type": "shell",
            "command": [
                "g++",
                "-std=c++11",
                "-g",
                "main.cpp",
                "-o",
                "hello.exe"
            ]
            "group": {
                "kind": "build",
                "isDefault": true
            }
        }
    ]
}

注意务必保证g++已经在系统PATH路径下,cmd可直接调用g++。

g++ -std=c++11 -g main.cpp -o hello.exe

配置tasks.json完毕后,按下Ctrl+Shift+B启动编译,编译成功后在Workspace路径下生成hello.exe文件。

三. 调试程序

下面配置Debug文件。VS Code菜单栏中可以创建launch.json文件,“Debug->Add Configuration...",选择C++(GDB/LLDB),Default Configuration,自动生成launch.json文件。

也可使用命令行创建,命令行输入指令“>Bebug:Open launch.json" , 选择创建C++(GDB/LLDB),Default Configuration,自动生成launch.json文件。

visual studio code安装gitlab visual studio code安装配置_编译器_10

visual studio code安装gitlab visual studio code安装配置_Visual Studio Code_11

编辑该launch.json文件内容如下:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "(gdb) Launch",
            "type": "cppdbg",
            "request": "launch",
            "program": "${workspaceFolder}/hello.exe",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": true,
            "MIMode": "gdb",
            "miDebuggerPath": "gdb.exe",
            "setupCommands": [
                {
                    "description": "Enable pretty-printing for gdb",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ]
        }
    ]
}

该文件中,修改program为绝对路径,修改miDebuggerPath为gdb所在路径,其他保持默认。如果gdb已经加入PATH环境变量,则miDebuggerPath无需指定为绝对路径。

在main.cpp文件中加入断点,点击左侧Debug按钮,,点击启动launch,gdb开始执行,后续常规调试即可,可显示基本信息。

visual studio code安装gitlab visual studio code安装配置_Visual Studio Code_12

visual studio code安装gitlab visual studio code安装配置_编译器_13

visual studio code安装gitlab visual studio code安装配置_Visual Studio Code_14

四、修改字体等设置

VS Code中有两种方式修改字体等设置:1.使用GUI界面修改;2.直接JSON文件中修改。

1. 在GUI界面修改

点击左下角的齿轮按钮,选择Settings,打开GUI配置界面,有两部分:User为全局设置,Workspace为工作空间设置。

visual studio code安装gitlab visual studio code安装配置_json_15

visual studio code安装gitlab visual studio code安装配置_json_16

对于User全局设置,在GUI界面修改后,会同步将配置写入C:\Users\xxx\AppData\Roaming\Code\User\settings.json文件中。

对于Workspace设置,在GUI界面修改后,会将配置写入当前Workspace文件夹内的settings.json文件中(该文件不存在会创建一个)。优先生效Workspace设置。

注意:与VS Code默认配置不同的配置项才会写入json文件内。

2. 直接修改JSON文件

(1). 使用命令行修改User全局settings.json, 命令行中输入“>Preferences:Open Settings(JSON)"即可打开User全局配置文件。

visual studio code安装gitlab visual studio code安装配置_编译器_17

(2). 手动在Workspace内创建settings.json文件,该settings.json文件可以按照C:\Users\xxx\AppData\Roaming\Code\User\settings.json文件的格式进行配置生效。