【VSCode】C/C++開発環境構築ノウハウ

【※ 当記事は2020年4月19日時点の情報です】

ペイヴメント（@pavement1234）です

エンジニア

無料で入手できるVSCode（Visual Studio Code）を使ってC/C++言語のプログラム開発環境をインストールしたいんです

こんな悩みを解決します

バージョン情報

Windows10 Home（64bit）1903

Visual Studio Code 1.44.2

C/C++ 0.27.0（VSCODEプラグイン）

C/C++開発環境のインストール
環境設定とHello Worldの実行・デバッグ
まとめ

C/C++開発環境のインストール

VSCODEをインストールする（初めての人）
MinGWをインストールする
C/C++開発環境のExtensionをインストールする

①VSCODEを初めてインストールする人

（VSCODE）日本語化とHTML+CSS+JavaScript開発環境構築ノウハウを参考にVSCodeのインストールと日本語化を済ませてください

②MinGWをインストールする

【MinGW】無料のC/C++プログラミング環境をインストールしようを参考にWindows用のC/C++開発環境（コマンドライン）をインストールします。上記リンクの手順通り進めると「C:\MinGW」にMinGWがインストールされコマンドライン（DOS窓）からgcc（コンパイラ）が使えるようになるためC/C++プログラム開発が可能になります

しかし今回はVSCODEでC/C++を開発したいので②に進みます

③C/C++開発環境のExtensionを検索しインストールする

左端の「Extensions」アイコンを押し、検索ウィンドウに「C/C++」と入力しリターン。MicrosoftのC/C++開発環境が見つかるので「Install」をクリック

インストール作業は以上で終わりです。次に環境設定を行います

環境設定とHello Worldの実行・デバッグ

ソースコードを置くフォルダを指定する
IntelliSense（環境設定）を設定する
プログラムを作り実行・デバッグする

④ソースコードを置くフォルダ（任意）を作成する

例えば「C:\clang」というフォルダを作成します。次にメニューから「ファイル」→「フォルダーを開く」を選択し「C:\clang」を指定。このタイミングでは何も起こりませんが⑤⑥⑦の手順を進めることで「C:\clang\.vscode」というフォルダが作成され「c_cpp_properties.json」「tasks.json」「Launch.json」という3つの設定ファイルが作成されます

「*.json」というファイル形式を見てカンの良い方はピンと来てると思いますが VSCodeは「Electron/JavaScript」を使い、HTML、CSS、JavaScriptでアプリが記述されてます

⑤IntelliSense設定

「F1」を押して開かれるコマンドパレットに「C/C++ edit」と入れると「C/C++：構成の編集（UI）」が見つかるのでクリック

初期値で「Win32」が用意されていますが、VisualStudioをインストールしていないと使えません。※VisualStudioのコンパイラ「cl.exe」のパスがセットされています

MinGW向けに新規構成を追加する必要があるので「構成の追加」をクリック

「MinGW」と入力し「OK」をクリック

「構成名」が「MinGW」に変更されました

「コンパイラパス」に「C:\MinGW\bin\gcc.exe」を指定

「コンパイラ引数」はデフォルトのまま（いじらない）でOKです。※高度な使い方をするときに別途解説します

「IntelliSenseモード」を「gcc-x64」にしました。Windows10（64bit）にMinGW（64bit）をインストールしているのでこの設定になります。Windowsは「msvc-x64/msvc-x86」Linuxは「gcc-x64/gcc-x86」Macは「clang-x64/clang-x86」になります

「パスを含める」の2行目にヘッダファイルのパス「C:\MinGW\include」を追記します　1行目の「${workspaceFolder}/**」は消さないよう注意してください。これを消しちゃうと「C:\clang」に置いたヘッダファイルを探せなくなります

定義、C標準、C++標準はデフォルトのまま（いじらない）でOKです。※高度な使い方をするときに別途解説します

ここまでくると「C:\clang\.vscode\c_cpp_properties.json」が生成されます。中身はこんな感じ

    "configurations": [
        {
            "name": "Win32",
            "includePath": [
                "${workspaceFolder}/**"
            ],
            "defines": [
                "_DEBUG",
                "UNICODE",
                "_UNICODE"
            ],
            "windowsSdkVersion": "10.0.18362.0",
            "compilerPath": "C:/Program Files (x86)/Microsoft Visual Studio/2019/Community/VC/Tools/MSVC/14.23.28105/bin/Hostx64/x64/cl.exe",
            "cStandard": "c11",
            "cppStandard": "c++17",
            "intelliSenseMode": "msvc-x64"
        },
        {
            "name": "MinGW",
            "includePath": [
                "${workspaceFolder}/**",
                "C:\\MinGW\\include"
            ],
            "defines": [
                "_DEBUG",
                "UNICODE",
                "_UNICODE"
            ],
            "windowsSdkVersion": "10.0.18362.0",
            "compilerPath": "C:\\MinGW\\bin\\gcc.exe",
            "cStandard": "c11",
            "cppStandard": "c++17",
            "intelliSenseMode": "gcc-x64"
        }
    ],
    "version": 4
}

"configurations": [

{

"name": "Win32",

"includePath": [

"${workspaceFolder}/**"

"defines": [

"_DEBUG",

"UNICODE",

"_UNICODE"

"windowsSdkVersion": "10.0.18362.0",

"compilerPath": "C:/Program Files (x86)/Microsoft Visual Studio/2019/Community/VC/Tools/MSVC/14.23.28105/bin/Hostx64/x64/cl.exe",

"cStandard": "c11",

"cppStandard": "c++17",

"intelliSenseMode": "msvc-x64"

{

"name": "MinGW",

"includePath": [

"${workspaceFolder}/**",

"C:\\MinGW\\include"

"defines": [

"_DEBUG",

"UNICODE",

"_UNICODE"

"windowsSdkVersion": "10.0.18362.0",

"compilerPath": "C:\\MinGW\\bin\\gcc.exe",

"cStandard": "c11",

"cppStandard": "c++17",

"intelliSenseMode": "gcc-x64"

}

"version": 4

}

⑥Buildの実行

メニューから「ファイル」→「新規ファイル」を指定します

「Untitled-1」という未保存のファイルが出来るので以下のように「Hello World.」を表示するC言語のプログラムを書きます。この段階では文字は灰色です

#include <stdio.h>

int main( int argc, char** argv )
{
    printf("Hello World.\n");
    return 0;
}

#include <stdio.h>

int main( int argc, char** argv )

{

printf("Hello World.\n");

return 0;

}

メニューから「ファイル」→「保存」を選択　ファイル名を「test.c」にして「保存」をクリック

C言語のプログラムを記述するファイル「*.c」で保存したところ、型名は青、予約語はピンク、関数名は薄黄色のように色分けされました

「F1」を押して開かれるコマンドパレットから「C/C++：アクティブファイルのビルドとデバッグ」が見つかるのでクリック

続いてコンパイラの選択が求められるので「gcc.exe – アクティブファイルのビルドとデバッグ」をクリック

「ターミナル」タブにメッセージが表示され…

「デバッグコンソール」タブに切り替わり「Hello World.」が表示されます。ここまででコンパイルと実行ができました

ここまでくると「C:\clang\.vscode\tasks.json」が生成されます。中身はこんな感じ

{
    "tasks": [
        {
            "type": "shell",
            "label": "gcc.exe build active file",
            "command": "C:\\MinGW\\bin\\gcc.exe",
            "args": [
                "-g",
                "${file}",
                "-o",
                "${fileDirname}\\${fileBasenameNoExtension}.exe"
            ],
            "options": {
                "cwd": "C:\\MinGW\\bin"
            }
        }
    ],
    "version": "2.0.0"
}

{

"tasks": [

{

"type": "shell",

"label": "gcc.exe build active file",

"command": "C:\\MinGW\\bin\\gcc.exe",

"args": [

"-g",

"${file}",

"-o",

"${fileDirname}\\${fileBasenameNoExtension}.exe"

"options": {

"cwd": "C:\\MinGW\\bin"

}

"version": "2.0.0"

}

⑦Debuggerでプログラム実行

左の「実行」アイコンをクリックし「launch.jsonファイルを作成します」をクリック

「C++(GDB/LLDB）」をクリック

「C:\clang\.vscode\launch.json」が開かれます。”program”と”miDebuggerPath“を自分の環境に合わせて書き換えます

こうなります　”miDebuggerPath”にgdb.exeのパスを指定するときに”\”ではなく”\\“で区切る必要があることに注意してください

{
    // IntelliSense を使用して利用可能な属性を学べます
    // 既存の属性の説明をホバーして表示します
    // 詳細情報は次を確認してください: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "(gdb) 起動",
            "type": "cppdbg",
            "request": "launch",
            "program": "${workspaceFolder}/test.exe",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": false,
            "MIMode": "gdb",
            "miDebuggerPath": "C:\\MinGW\\bin\\gdb.exe",
            "setupCommands": [
                {
                    "description": "gdb の再フォーマットを有効にする",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ]
        }
    ]
}