目的

• VSCodeでC/C++の編集、実行ができる環境を構築する
• （任意）VSCodeでC/C++のデバッグができる環境を構築する
• （任意）構築した環境を更新する

検証済みの環境

• 64ビット の Windows11

• 管理者権限がある Windowsアカウント

ご注意

• 記事のすべての情報は 2024/10/04現在 のものです
• ただし、画像の切り替えが完了していないため、 実際とは異なる場合 があります
• エクスプローラーにおけるファイルとフォルダの コピー 、 切り取り 、 貼り付け 、 削除 などの基礎的な操作はできることを前提としています
• 「検証済みの環境」で記事の通りに構築しても、他の要因によって正常に動作しない可能性があります。その際はコメントしていただけますと対応いたします

略語

1. （環境を更新したい方向け）古いMinGWを削除する

1. 既存のmingw64フォルダを削除します

1. エクスプローラー を開きます
2. ナビゲーション ウインドウ（エクスプローラーの左側）の PC 内の Windows (C:) ドライブを開きます
3. Program Files (x86) フォルダを開きます
4. mingw64 フォルダを 削除 します

2. MinGWを準備する

1. MinGWの7zipファイルをダウンロードします

1つ目のURLから最新のバージョンのMinGWを直接、ダウンロードできます。
2つ目のURLから古いバージョンのMinGWを閲覧できます。

https://github.com/niXman/mingw-builds-binaries/releases/download/13.2.0-rt_v11-rev0/x86_64-13.2.0-release-win32-seh-msvcrt-rt_v11-rev0.7z

github.com

ダウンロードが完了したら、次に進んでください。

2. ダウンロードした7zipファイルを展開します

1. エクスプローラー を開きます
2. ナビゲーション ウィンドウ（エクスプローラーの左側）の ダウンロード フォルダを開きます
3. ダウンロードした7zipファイルを選択します
4. すべて展開 を選択します
   > 新しく アーカイブ抽出 ウィンドウが開きます
   
5. 完了時に展開されたファイルを表示する を選択します
6. 展開 を選択します
   > 展開が始まり完了したら、アーカイブ抽出 ウィンドウが閉じ、新しくエクスプローラーが開きます
   

展開が完了したら、次に進んでください

3. mingw64フォルダを移動させます

1. mingw64 フォルダを切り取ります

2. ナビゲーション ウィンドウ（エクスプローラーの左側）の PC 内の Windows (C:) ドライブを開きます

3. Program Files (x86) フォルダを開きます
   

4. mingw64 フォルダを貼り付けます
   > 新しく 対象のフォルダーへのアクセスは拒否されました ウィンドウが開きます
   

5. 続行 を選択します
   > 対象のフォルダーへのアクセスは拒否されました ウィンドウが閉じ、貼り付けされます

4. 環境変数を設定します

1. mingw64 フォルダを開きます
2. bin フォルダを選択します
3. … を選択します
4. パスのコピー を選択します
   
5. 設定 を開きます
6. システム を選択します
7. バージョン情報 を選択します
   
8. デバイスの仕様 内の システムの詳細設定 を選択します
   > 新しく システムのプロパティ ウィンドウが開きます
9. 環境変数 を選択します
   > 新しく 環境変数 が開きます
10. システム環境変数 内の Path を選択します
11. 編集 を選択します
    > 新しく 環境変数名の編集 が開きます
    
12. 新規を選択します
13. コピーしたアドレスをペーストし、文字列の先頭と末尾にある “ を消します
    // 間違っている例
    "C:\Program Files (x86)\mingw64\bin"
    
    // 正しい例
    C:\Program Files (x86)\mingw64\bin
    

14. 環境変数名の編集 の OK を選択します
    > 環境変数名の編集 が閉じます
    
15. 環境変数 の OK を選択します
    > 環境変数 が閉じます
16. システムのプロパティ ウインドウの OK を選択します
    > システムのプロパティ ウインドウが閉じます

ここまで完了したらエクスプローラーと設定は閉じても大丈夫です

5. 正しく設定できたか確認します

1. 下記のコードをコピーします
   gcc --version
   

2. コマンドプロンプト を開きます（「Windowsキー + Rキー」を押し、 cmd と入力し、 「Enterキー」を押すと開きます）
3. コードをペーストします
4. Enterキー を押します
5. 次のような出力になれば正しく設定できています
   gcc (x86_64-win32-seh-rev0, Built by MinGW-Builds project) 14.2.0
   Copyright (C) 2024 Free Software Foundation, Inc.
   This is free software; see the source for copying conditions.  There is NO
   warranty; not even for MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
   

ここまで完了したらコマンドプロンプトは閉じても大丈夫です

2. VSCodeを準備する

1. VSCodeをインストールします

1. Microsoft Store を開きます
2. 上部の検索バーに vscode と入力し、検索します
3. VSCodeをインストールします
   
   インストールが完了したら、次に進んでください

2. （日本語で使いたい方向け）Japanese Language Pack for Visual Studio Codeをインストールします

1. VSCode を開きます
2. 左側のサイドバーの Extensions を選択します
3. Japanese Language Pack for Visual Studio Code と検索し、インストールします
   
   インストールが完了したら、次に進んでください

3. （日本語で使いたい方向け）Japanese Language Pack for Visual Studio Codeを設定します

1. 上部のメニューバーの View を選択します
2. Command Pallet を選択します
   
3. Configure Display Language と入力します
   
4. 日本語(ja) を選択します
   
5. VSCode を再起動します

4. C/C++ Extension Packをインストールします

「2. （任意）Japanese Language Pack for Visual Studio Codeをインストールします」と同様の手順で C/C++ Extension Pack をインストールします
インストールが完了したら、 VSCode を再起動します

5. Code Runnerをインストールします

「2. （任意）Japanese Language Pack for Visual Studio Codeをインストールします」と同様の手順で Code Runner をインストールします
インストールが完了したら、 VSCode を再起動します

5. Code Runnerを設定します

1. Code Runner の 「歯車」のアイコン を選択します
2. 拡張機能の設定 を開きます
   
3. Run In Terminal をチェックします
   

3. C/C++ファイルを実行およびデバッグ(任意)できるか確認します

1. C/C++ファイルを実行ができるか確認します

1. 左上の ファイル を選択します
2. 新しいテキストファイル を選択します
   
3. 言語の選択 を選択します
4. C または C++ を選択します
   
5. 次のサンプルコードをコピーし、エディタに貼り付けます
   C の場合
   test.c

   #include <stdio.h>
   
   void main(void) {
       printf("Hello World");
   }
   

   C++ の場合

   test.cpp

   #include <iostream>
   using namespace std;
   
   int main()
   {
       cout << "Hello World" << endl;
   }
   

6. 右上の Run Code を選択します
   (コンパイラを尋ねられたら gcc を選択します)
   
7. 下部に ターミナル が表示され、Hello World と表示されれば完了です
   

2. （デバッグしたい方向け）C/C++ファイルをデバッグできるようにします

（「3. C/C++ファイルを実行およびデバッグ(任意)できるか確認します」の「1. C/C++ファイルを実行ができるか確認します」の続きです）

1. 左上の ファイル を選択します
2. 保存 を選択します
   
3. 任意の名前を付けて、任意のフォルダに保存します
   例では、ファイル名を test.c とし、フォルダ名を test としたフォルダに保存します
   C++の場合は、 test.cpp としてください
   
4. 左側のサイドバーの 実行とデバッグ を選択します
5. フォルダーを開いた を選択します
   
6. testフォルダ を選択します
   
7. 左側のサイドバーの エクスプローラー を選択します
8. test.c または test.cpp を選択します
9. 右上の Run Code を選択します
   
10. 左側のサイドバーの 実行とデバッグ を選択します
11. launch.jsonファイルを作成します を選択します
12. C++ (GDB/LLDB) を選択します
    
13. 元から書いてあるテキストをすべて削除します
14. 以下のコードをコピーして、エディタに貼り付けます
    launch.json

    {
        "version": "0.2.0",
        "configurations": [
            {
                "name": "(gdb) Launch",
                "type": "cppdbg",
                "request": "launch",
                "program": "${workspaceFolder}/test.exe",
                "args": [],
                "stopAtEntry": false,
                "cwd": "${fileDirname}",
                "environment": [],
                "externalConsole": true,
                "MIMode": "gdb",
                "miDebuggerPath": "/path/to/gdb",
                "setupCommands": [
                    {
                        "description": "Enable pretty-printing for gdb",
                        "text": "-enable-pretty-printing",
                        "ignoreFailures": true
                    }
                ]
            }
        ]
    }
    

15. 先ほど同じように、 保存 します
16. 先ほど同じように、 エクスプローラー から test.c または test.cpp を選択します
17. 4行目 の 4 の左側で、赤い丸が表示されるところにカーソルを移動させ、選択します
18. 右上の 三角 を選択します
19. C/C++ ファイルのデバッグ を選択します
    
20. C/C++:gcc.exe アクティブ ファイルのビルドとデバッグ を選択します
21. デバッグが開始され、実行が4行目で 停止 すれば完了です
    

さいごに

日本語文字化けの場合

settings.jsonの”C” を下記へ変更する