【个人向】在Ubuntu20.04 中用 vscode 配置 C++ 运行环境

1.装完系统后,就会看到这个界面,别管他是什么,看操作啦
![在这里插入图片描述]( https://img-blog.csdnimg.cn/4a9254a5d6b9494da16b52d6120d1d32.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/8f3580a2aca14d69a61fa1538759b55c.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/16a73fbfc4b846458ff9370c780e2b7c.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/1fd12fe9504e403a81e4991bb57f06f6.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
2.接下来就是安装vscode的步骤,linux系统有很多操作可以通过用终端(用Ctrl + Alt + T来打开终端)输入命令行来实现,比如下载软件,对文件的增删改查什么的,具体的可以上网查来看看,下面命令行的意思是更新下载库

命令行 : sudo apt update (直接复制过去,不过到linux系统那边不是用Ctrl + v 来粘贴的,用鼠标右键粘贴).

![在这里插入图片描述]( https://img-blog.csdnimg.cn/51813ede701340e3814298a6c4cb0b59.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
输入密码的时候,这里和windows系统有点不一样,这里它提示要输入密码,你就直接输入就行了,它不会像windows系统那样会显示“ * ”这样的东西,它会一直保持空的样子,你输完密码后就直接按 Enter 键就可以了

![在这里插入图片描述]( https://img-blog.csdnimg.cn/3a49b8957d33479c9d6d5ee1da37cc35.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/45292314ff334c2a8e0ae44d26e12c1a.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

这个是下载依赖文件 。
命令行 :sudo apt install software-properties-common apt-transport-https wget

![在这里插入图片描述]( https://img-blog.csdnimg.cn/531c40ee1c1d4d6caa79371227bd2059.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
这里按 Y 就行了(不管大小写都行的)

![在这里插入图片描述]( https://img-blog.csdnimg.cn/808abc297c2f4cba949aca9d21d59836.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

使用 wget 命令插入 Microsoft GPG key :

wget -q https://packages.microsoft.com/keys/microsoft.asc -O- | sudo apt-key add -

![在这里插入图片描述]( https://img-blog.csdnimg.cn/e1d4503fac554ae88d9e62381a56cad4.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

启用 Visual Studio Code 源仓库,输入:

sudo add-apt-repository "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main"

![在这里插入图片描述]( https://img-blog.csdnimg.cn/b6751a922b7e4a06a6fa3894271afcd6.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/ef52874952604faa8858520051a450d2.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

一旦 apt 软件源被启用,安装 Visual Studio Code 软件包:

sudo apt install code

![在这里插入图片描述]( https://img-blog.csdnimg.cn/fe951c7d62d24eda96c6b7809ba0e50d.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/a03a280ef5b8473d92c952b7140e0bd9.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
到这里vscode就装完了,可以在终端输入 code 来启动vscode

![在这里插入图片描述]( https://img-blog.csdnimg.cn/afdcb88cb250448cb22c3616a15aad94.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

首先要下载插件,下面这个插件是更改vscode的语言包变成中文,如果不需要的看官们请往下翻

![在这里插入图片描述]( https://img-blog.csdnimg.cn/6819b3bbcb414255b8fb2e208fe3b91d.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/8d9bf05cd6f5482082a610633e6d7aa7.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/10e2406625bc4e6d9b004a8f11dbfdc6.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
下好后搜索C++,下面的三个插件都要下载

![在这里插入图片描述]( https://img-blog.csdnimg.cn/94e2c825048f45e784779187a961b4f1.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/f87d0d41f82e4864b3892c337d309fc9.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

下完这四个插件后就重新启动vscode

![在这里插入图片描述]( https://img-blog.csdnimg.cn/65778d9b8d3f497ab23fb6fb2d112114.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

在桌面新建一个文件夹,vscode是以文件夹的方式来管理项目的

![在这里插入图片描述]( https://img-blog.csdnimg.cn/695d1134ef7744be9b1ea1b677af1d5d.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/434b57c4acd74562a42cfc54b2d0ea6b.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/2e2b021d73f64a9b9ef56a83f3949c27.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/cd46756f8d7046668e5cc7ae9aba2a49.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/4307cbc1b6594e3a86bbad5b255fa916.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

用vscode打开你刚刚建好的文件夹

![在这里插入图片描述]( https://img-blog.csdnimg.cn/6b8923bc9aeb43589abbcc03c9b80ff8.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/ea335e074ced48c089f5fb290c17e825.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/15c61fbc18464e31b15d659ac3245ed5.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/a2ae707b6eeb4f21ab196e98d073c27b.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/245fa1ceebfc40239727f114d8c76b9a.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

在你的文件夹里新建文件,注意要带上文件类型,比如cpp或c什么的

![在这里插入图片描述]( https://img-blog.csdnimg.cn/61b00bb360ce4279920e56ccd0dfc86e.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/6e2c1150577e4ac286a839f4fde1608c.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

然后随便写一点代码

![在这里插入图片描述]( https://img-blog.csdnimg.cn/7c5ab9ccbf754f43b6538f99f68aecf5.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

接下来我们下载g++/gcc编译器,用终端下载

命令行 : sudo apt-get update

![在这里插入图片描述]( https://img-blog.csdnimg.cn/526b72ffd7ba48c6a3f0961bb8023292.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

下载gcc编译器

命令行 : sudo apt-get install gcc

![在这里插入图片描述]( https://img-blog.csdnimg.cn/29ffb67a97c8406ca0eb17203707e688.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/c3690b835f2d4f87976aa4e77ad19ae2.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

安装g++编译器

sudo apt-get install g++

![在这里插入图片描述]( https://img-blog.csdnimg.cn/579094b462044ca7ab6217885c7373eb.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/7bdab5234e694956a268780325100b3b.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

下载gdb

gdb :能它使你能监视你程序中变量的值,能让你设置断点以使程序在指定的代码行上停止执行,能一行行的执行你的代码.

![在这里插入图片描述]( https://img-blog.csdnimg.cn/b97cd87bbca44fbbb2f53a6e6001dcd3.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

6.接下来是配置环境了

按F5

![在这里插入图片描述]( https://img-blog.csdnimg.cn/a48eec2813914dd8b356ff6df3e9e680.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/7710cf872c4140ea8711afcba97a1695.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

配置launch.json文件,这个文件的作用是用来调试的,下面是我配置好的文件,复制就可以用了

![在这里插入图片描述]( https://img-blog.csdnimg.cn/7b38c12e6ae34de1b144d90bb961d0ea.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
launch.json配置如下

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "C/C++",
            "type": "cppdbg",
            "request": "launch",
            "program": "${fileDirname}/${fileBasenameNoExtension}",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": true,
            "MIMode": "gdb",
            "preLaunchTask": "compile",
            "setupCommands": [
                {
                    "description": "Enable pretty-printing for gdb",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ]
        }
    ]
}

按F5

![在这里插入图片描述]( https://img-blog.csdnimg.cn/6ff18c4a6f5b4065886180f11f0ea461.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/8f794f398803472faef918fb4c3a244c.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

下面是task .json的配置文件,复制过去就可以用了

![在这里插入图片描述]( https://img-blog.csdnimg.cn/ad7672e34efb47b19fcd828c657dd1ba.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

{
    "version": "2.0.0",
    "tasks": [{
            "label": "compile",
            "command": "g++",
            "args": [
                "-g",
                "${file}",
                "-o",
                "${fileDirname}/${fileBasenameNoExtension}"
            ],
            "problemMatcher": {
                "owner": "cpp",
                "fileLocation": [
                    "relative",
                    "${workspaceRoot}"
                ],
                "pattern": {
                    "regexp": "^(.*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.*)$",
                    "file": 1,
                    "line": 2,
                    "column": 3,
                    "severity": 4,
                    "message": 5
                }
            },
            "group": {
                "kind": "build",
                "isDefault": true
            }
        }
    ]
}

按F5,就可以成功运行

![在这里插入图片描述]( https://img-blog.csdnimg.cn/031bd5c827784386931b1c2f5c13df9f.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

如果没有这个终端出现

解决方法:

![在这里插入图片描述]( https://img-blog.csdnimg.cn/074d61bc089f49c880f8a6ae235dcc7f.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/5829afa6f01d4fb0b37dd86c08c38d16.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

![在这里插入图片描述]( https://img-blog.csdnimg.cn/1336c76222f840e989c25256a21aa246.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/b3985da8b1bb481489c969c92f66193e.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5biF5biF5bCP6L2m,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
希望能帮到各位,谢谢大家!

posted @ 2022-03-09 20:19  乡下鲨的凝视  阅读(629)  评论(0)    收藏  举报