vscode配置c++以及美化插件

由于我记性太差,配了五六次vscode还有忘记的步骤
本着记录和帮助初学者的目的写了本文

vscode 的好处不用多说

本文提供的是windos10环境配置c++环境

第一步安装MingW

这里我本机里已有,第一次装的同学可以找一下有关下载MingW的文章

第二步配置路径

检测是否配置成功:win+r 输入cmd,进入命令提示符 输入g++
显示

g++: fatal error: no input files
compilation terminated.

便为成功


第三步 下载并安装vscode

官网
安装只要一路点确定就行,最后那个是否添加到路径不用多管,怕不行的就都选上

第四步 安装插件

1.必要插件:

  • C/C++
  • Chinese (Simplified) 这个只是个语言包,你英语要是很好就不必要了

2.美化插件:

  • Bracket Pair Colorizer 2
  • One Dark Pro
  • background
  • vscode-icons
    插件安装点这里(vscode 左侧)
    插件安装
    然后搜索你要的插件然后点install

第五步

打开一个文件夹
然后在这个文件夹目录下新建文件夹叫.vscode
然后在.vscode这个文件夹中中生成4个文件分别为
tasks.json,settings.json,launch.json,c_cpp_properties.json
下面给出四个文件的代码,有的地方要看注释
task.json

{
    "version": "2.0.0",
    "tasks": [
        {
            "type": "shell",
            "label": "Compile",    
            "command": "C:\\Program Files\\MinGW-v4.9.3\\bin\\g++.exe",//修改此项,将你的MingW中bin文件夹中g++.exe文件路径复制过来
            "args": [
                "-g",
                "${file}",
                "-o",
                "${fileDirname}\\${fileBasenameNoExtension}.exe"
            ],
            "options": {
                "cwd": "C:\\Program Files\\MinGW-v4.9.3\\bin"//修改此项,将你的MingW中bin文件夹的文件路径复制过来
            },
            "problemMatcher": [
                "$gcc"
            ],
            "group": "build"
        }
    ]
}

settings.json
这个不用改

{
    "files.associations": {
        "vector": "cpp",
        "array": "cpp",
        "atomic": "cpp",
        "*.tcc": "cpp",
        "bitset": "cpp",
        "cctype": "cpp",
        "cfenv": "cpp",
        "chrono": "cpp",
        "cinttypes": "cpp",
        "clocale": "cpp",
        "cmath": "cpp",
        "complex": "cpp",
        "condition_variable": "cpp",
        "csetjmp": "cpp",
        "csignal": "cpp",
        "cstdarg": "cpp",
        "cstddef": "cpp",
        "cstdint": "cpp",
        "cstdio": "cpp",
        "cstdlib": "cpp",
        "cstring": "cpp",
        "ctime": "cpp",
        "cwchar": "cpp",
        "cwctype": "cpp",
        "deque": "cpp",
        "forward_list": "cpp",
        "list": "cpp",
        "unordered_map": "cpp",
        "unordered_set": "cpp",
        "exception": "cpp",
        "fstream": "cpp",
        "functional": "cpp",
        "future": "cpp",
        "initializer_list": "cpp",
        "iomanip": "cpp",
        "iosfwd": "cpp",
        "iostream": "cpp",
        "istream": "cpp",
        "limits": "cpp",
        "mutex": "cpp",
        "new": "cpp",
        "ostream": "cpp",
        "numeric": "cpp",
        "ratio": "cpp",
        "scoped_allocator": "cpp",
        "sstream": "cpp",
        "stdexcept": "cpp",
        "streambuf": "cpp",
        "system_error": "cpp",
        "thread": "cpp",
        "regex": "cpp",
        "tuple": "cpp",
        "type_traits": "cpp",
        "utility": "cpp",
        "typeindex": "cpp",
        "typeinfo": "cpp",
        "valarray": "cpp",
        "random": "cpp"
    }
}

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "g++.exe build and debug active file",
            "type": "cppdbg",
            "request": "launch",
            "program": "${fileDirname}/${fileBasenameNoExtension}.exe",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": true,
            "MIMode": "gdb",
            "miDebuggerPath": "C:\\Program Files\\MinGW-v4.9.3\\bin\\gdb.exe",//修改此项,将你的MingW中bin文件夹中gdb.exe文件路径复制过来
            "setupCommands": [
                {
                    "description": "Enable pretty-printing for gdb",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ],
            "preLaunchTask": "Compile"
        }
    ]
}

c_cpp_properties.json

{
    "configurations": [
        {
            "name": "MinGW",
            "intelliSenseMode": "clang-x64",
            "compilerPath": "C:\\Program Files\\MinGW-v4.9.3\\bin\\gcc.exe",//修改此项,将你的MingW中bin文件夹中gcc.exe文件路径复制过来
            "includePath": [
                "${workspaceFolder}"
            ],
            "defines": [],
            "browse": {
                "path": [
                    "${workspaceFolder}"
                ],
                "limitSymbolsToIncludedHeaders": true,
                "databaseFilename": ""
            },
            "cStandard": "c11",
            "cppStandard": "c++17"
        }
    ],
    "version": 4
}

配置完这些后在你打开的这个文件夹下
新建一个文件叫xxx.cpp就可以编译了!
注:你打开的文件夹路径不能包括非英文字符,你的文件名也不能包括非英文字符
for example 你文件夹路径是
E:\我的代码\new folder...这就是不行的
C:\Users\xxx\Desktop\新建文件夹...这也是不行的
S:\new folder\Code\基础插头dp.cpp 这作为你的要编译的文件也是不行的

P:\RE\TlE\WA\CE\Wgy_Ak_IOI.cpp 这就是一个可以的

\(Ex\)第一步 美化

- Bracket Pair Colorizer 2(彩虹括号)
- One Dark Pro (vscode 人气最高的一款主题)
- vscode-icons (各种小图标)
- background (编译器背景)

前三个直接安装就行了,记得要restart重启vscode就行了
下面说一说
background 配置
1.下载
2.ctrl+ ,进入设置
3.在设置中查询background
4.找到这一选项 Background: Custom Images,点击 在setting.json中编辑
5.要是里面有什么就先不管,将一下代码复制下去,但不要将以前里面的覆盖

{
    "background.customImages": [
        "S:/Picture/pict/f59a0d42872a64dcdaf5a2698b3c5895.jpg"
        "S:/Picture/pict/f59a0d42872a64dcdaf5a2698b3c5895.jpg"
        "S:/Picture/pict/f59a0d42872a64dcdaf5a2698b3c5895.jpg"
        //如果你很好奇为什么得重复三遍,读者自证(划掉),自行yy
    ],
    "background.style":{
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        //熟悉css的同学肯定明白上面是什么意思。这个是不用改的。
        "width": "100%",//背景图片缩放有多宽
        "height": "100%",//背景图片缩放有多高
        "background-position": "00% 00%",//背景图片显示位置
        
        "background-size": "cover",
        "background-repeat": "no-repeat",//这个也不用改
        "opacity": 0.35//透明程度。其实普通的需求改这个就行了qwq
    },
    "background.useDefault": false,
    "editor.fontSize": 16
}

复制完,要是以前这里有东西,就将以前有的大括号去掉,再将大括号里的复制进去,后面加上逗号
for example
以前

{
    xxxxxxxxx,
    xxxx,
    xxxxx
}

更改后

{
    xxxxxxxxx,
    xxxx,
    xxxxx,
    我上面代码大括号里的
}

restart vscode 打开任意文件,背景就会出现了!

但是你会发现vscode提示你他不再受兹磁
不要担心,微笑的面对他,你的vscode什么也没坏,只是系统检测到你更改vscode的css后提出的Warning
要真的不想看到他
我们就再次安装一个叫Fix VSCode Checksums的插件
安装后 ctrl+shift+p 输入fix checksums:Apply
再次手动重启vscode就会发现[不受兹磁]的标就消失了
要说的也就这么多了
祝大家都能成功配置vscode

猜你喜欢

转载自www.cnblogs.com/Phoenix41/p/12416845.html
今日推荐