Windows11でのC言語環境構築

# Windows11にC言語の環境を構築する手順
新しいPCの環境構築をした際にそれぞれ調べるのが面倒だったので、コンパイラのダウンロード～VSCodeの初期設定、簡単なコードの実行までの手順をまとめておきます。

### 環境
Windows11 Pro 64bit 22H2
(ProでもHomeでもダウンロードの手順は変わりません)

---

### 1.MinGW-w64を用いてgccコンパイラをダウンロードする
他サイトを参考にダウンロードしようとしたところ、「The file has been downloaded incorrectly」とエラーが出たため、[こちら](https://qiita.com/kagamidokei/items/87f96a181de93ce1f1d3 "MinGWのインストールで「The file has been downloaded incorrectly」のエラーが出るときの対処法")を参考にさせていただきました。共有ありがとうございます！
上記記事を参考に、必要なコンパイラをダウンロードします。

### 2.環境変数を設定する
まず、ダウンロード出来たMinGWフォルダ→binフォルダを右クリックで「パスのコピー」をしておきます。
![スクリーンショット_20230111_192545.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3103070/2daf8e1b-b515-d238-f966-92cd413b8d40.png)
設定→設定の検索に「環境変数」と入れると出てくる「環境変数を編集」を押下します。
![スクリーンショット 2023-01-11 192123.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3103070/d5de7545-af50-f774-14f4-055e8b8c6a8c.png)
開いて上にある「[ユーザー名]のユーザー環境変数」のPathを選択し、編集を押下します。
![スクリーンショット_20230111_192810.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3103070/1c0122ae-0923-34b7-2f94-3c143a5035d3.png)
新規→先ほどコピーしたパスをペーストし、OKを押下します。
![スクリーンショット_20230111_193108.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3103070/093b6856-967b-4c93-c664-9d199f7a407f.png)
これで環境変数の編集は完了です！
次に、無事コンパイラをインストール出来たか確認します。
私の環境では再起動しなくてもインストールされていたのですが、もしインストール出来てないよーという人がいたらとりあえず再起動かけてみてください。
Windowsメニュー→すべてのアプリ→Windowsツール→コマンドプロンプトを起動します。
![スクリーンショット_20230111_193638.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3103070/2af7b248-1394-48dc-8706-e8c1cecc33c3.png)
「gcc --version」と入力し、enterを押下します。
(ダウンロードしたコンパイラによってgccの部分は変えてください！C言語であればgccでOKです。)
![スクリーンショット_20230111_193816.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3103070/bd447759-a557-a2a7-89ee-a3f29595499b.png)
上のようになれば成功です！

### 3.VSCodeをインストールする
Visual Studio Codeをインストールします。[こちらのページ](https://www.javadrive.jp/vscode/install/index1.html#section1)が参考になります。
[公式ページ](https://code.visualstudio.com/ "VSCode")を開き、青いボタン(Download for Windows)を押下します。
.exeファイルをダウンロード出来たら開き、「追加タスクの選択」までどんどん進みます。
![スクリーンショット_20230111_195009.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3103070/dd5d4bb7-944c-c32d-7bc4-d959ca01fe82.png)
その他の上2つはデフォルトでは選択されていませんが、選択しておくのがおすすめです。とプログラミングつよつよの先輩が言っていました。
その後はどんどん進んでインストールします。
![スクリーンショット_20230111_195631.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3103070/f382d280-5b2f-088a-a0ef-d0ccbfd0cbc5.png)
インストールして開くとこんな感じです。
好きなカラーテーマだけ選択して、後は特に何もせずに進んでしまって大丈夫です。

### 4.VSCodeの言語を日本語にする
英語でOKな人は飛ばして大丈夫です。
[こちらのページ](https://www.javadrive.jp/vscode/install/index4.html#section1)を参考に、日本語の拡張機能をインストール＆再起動します。

### 5.VSCodeでのC言語開発を便利にするための拡張機能をダウンロードする
[こちらのページ](https://dianxnao.com/visual-studio-code%E3%81%A7c%E8%A8%80%E8%AA%9E%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%82%92%E5%A7%8B%E3%82%81%E3%82%8B%EF%BC%88windows%E7%B7%A8%EF%BC%89/#toc4)の「C言語プログラミングを楽にするための設定」を参考に、C/C++・Code Runnerのインストール、Code Runnerのターミナル設定変更、コンパイル設定変更を行います。
まだsetting.jsonは開いたままにしておいてください！

### 6.ターミナルの文字化けを防止する
setting.jsonのコードの最後にカーソルを合わせ、以下のコードをカンマからカッコまで全てペーストします。
~~~
,
    "terminal.integrated.defaultProfile.windows": "PowerShell",
    "terminal.integrated.profiles.windows": {
        "PowerShell": {
            "source": "PowerShell",
            "args": [
                "-NoExit",
                "-Command",
                "chcp 65001"
            ],
        }
    }
~~~
ctrl+sで保存して、VSCodeを再起動します。

### 7.C言語用のフォルダを作成する
適当に作って保存を繰り返しているとファイルが行方不明になるので、言語ごとにフォルダを作っておくことをおすすめします。
エクスプローラーを開き、お好きな場所にCのフォルダを作ります。
次に、作ったフォルダをVSCodeに登録します。
![スクリーンショット_20230111_205201.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3103070/c2f92911-7318-b397-5cdb-dcf5d10b4634.png)
ファイル→「フォルダーをワークスペースに追加」を押下し、作ったフォルダーを追加します。
![スクリーンショット 2023-01-11 205846.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3103070/d49b42ee-1f4a-601f-6978-09efcfc82f19.png)
これで下のようにワークスペースが追加されていれば完了です！
![スクリーンショット_20230111_210022.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3103070/7e90d28c-8583-1f41-5e06-52bdccf6d687.png)

### 8.おまけ
確認のために簡単なプログラムを実行してみます。
先ほど作ったフォルダを右クリックして、新しいファイルを作ります。名前はHelloWorld.cとかで大丈夫です。
![スクリーンショット_20230111_210355.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3103070/4e07faca-6410-034f-422d-458fca780473.png)
新しいファイルが出来たら、以下のコードをペーストします。
~~~
/* 確認用プログラム */
#include <stdio.h>
int main(void)
{
	printf("Hello,World!\nおつかれさまでした！\n");
	return 0;
}
~~~
画像のように、Run Codeを選択し、実行します。
![スクリーンショット_20230111_210648.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3103070/0e0b5b76-3cf5-a10f-0bd5-c9888823d1f2.png)
ターミナルに以下のように出力されれば成功です。
![スクリーンショット_20230111_211010.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3103070/86fb4a8c-0e5e-7ae9-d467-34bbade03803.png)
おつかれさまでした！