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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM