Ubuntu问题笔记1：如何配置vscode下C++的编译环境

今天安装vscode之后，一直无法编译文件，百度的教程基本上都是修改launch.json和task.json这两个文件的代码段，但修改这两个代码段并不能解决问题，问题主要出在文件的层级上。
首先我们的main.cpp在一个文件夹中，而在这个文件夹的子目录中应当有一个.vscode的文件夹在其中放置launch.json，task.json这两个文件，但是由于不能自己创建一个.开头的文件名，所以只能在vscode中，新建一个.vscode的文件夹，然后在这个文件夹中新建两个json文件。他们之间的层级关系如下图：

下面是两个json文件的代码：
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}/${fileBasenameNoExtension}.out",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": true,
            "MIMode": "gdb",
            "preLaunchTask": "g++",
            "setupCommands": [
                {
                    "description": "Enable pretty-printing for gdb",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ]
        }
    ]
}

task.json:

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "g++",
            "type": "shell",
            "command": "g++",
            "args": ["-g", "${file}", "-std=c++11", "-o", "${fileBasenameNoExtension}.out"]
        }
     ]
}