MacにVisual Studio Codeを導入してみる

## 経緯
なんかしたい、せっかくMacBookPro買ったんだし。そういうこと。
## インストール
ここを見ながらとりあえずやってみる
https://code.visualstudio.com/docs/setup/setup-overview
[Macの手順はこちら]
https://code.visualstudio.com/docs/setup/mac

9. まずはダウンロード
mac版はここからダウンロードできるみたい
※アクセスしたらいきなりダウンロードがはじまる！
https://code.visualstudio.com/docs?dv=osx
![01.png](https://qiita-image-store.s3.amazonaws.com/0/243773/d9c0618b-1c1c-c1b5-f8d5-652b2dcb0b7e.png)

9. ダウンロードしてきたファイルをとりあえず解凍
<img width="882" alt="02.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/d03f188e-f470-464b-c55b-816ba1494b5b.png">
ダブルクリックするだけで解凍できた。zipは標準でも解凍できるのね〜（無知）
ついでに解凍した[Visual Studio Code.app]を起動！
<img width="882" alt="03.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/22a6af74-c8f5-ef64-b319-4bd435ba9c18.png">
なんかいきなり立ち上がった。ご丁寧に日本語化のフォローもしてくれたのでクリック
<img width="1136" alt="04.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/affeeca5-f07c-d961-6f32-4ef3143e4613.png">
うわっ。すぐできた。
Gitが見つかりませんとわがままを言ってるのでついでにダウンロード（あーギットねギット知ってるよ）
<img width="1136" alt="05.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/99a6ad95-f510-c6a1-42bf-4dcf3fa70872.png">
なんかよく分からんけどMac版Ver2.18.0をダウンロード
![06.png](https://qiita-image-store.s3.amazonaws.com/0/243773/46324b37-30bd-7787-e07e-44e94c9c2b23.png)
ダウンロードしたこれを起動
<img width="882" alt="08.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/cb9f75b9-52a4-f652-9baf-b85f158b8076.png">
READMEみるとパッケージをインストールしろみたいなこと書いてるからこれをダブルクリック
<img width="882" alt="09.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/8d9fe506-cb89-2a4b-92ae-8b411b1521d4.png">
ん？怒られた
<img width="532" alt="10.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/1e7c0dae-de07-9f76-c8bb-ddb202272b22.png">
あー右クリック「開く」ね。わかります
<img width="446" alt="11.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/ce43cf83-8dcd-6419-6334-ebc8307fa7b2.png">
今度こそ開きます
<img width="532" alt="12.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/c1ed422b-0505-b17d-8595-58c10e3640d7.png">
これはもう愚直に「続ける」を押していくあれですね。
<img width="732" alt="13.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/0a1f92f0-a0bb-c5e4-f6e5-cfdc5a68ae26.png">
インストール先もデフォルトでいきます
<img width="732" alt="14.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/226f0e4b-7969-1cfe-5fbb-b72303bd5c93.png">
Touch IDを要求されたので仕方なく答えてあげます
<img width="555" alt="15.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/eb54e9ca-9c50-d728-d52d-3aa5015ea139.png">
インストールは無事済んだようです
<img width="732" alt="16.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/dddadb89-98d8-2159-ea72-6ca7700d19ab.png">
インストーラをゴミ箱にいれますか？と聞いてきたので素直に「ゴミ箱に入れる」を押します
<img width="732" alt="17.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/412651d6-2864-0e3b-b4b6-22c00d871403.png">

9. たぶんできた
特に気になることはなかったのかな？
<img width="1136" alt="18.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/60758de0-b45d-2586-40ef-92150f44ee03.png">

9. Xcodeもついでに導入
お決まりのHello Worldを表示してみよう！
C++とか全然使わないけどC++に挑戦だな（キリッ
げ、先にgccのインストールが必要なのね。当たり前か。
Xcodeをインストールするのが一番簡単そうかな？
AppStoreでダウンロード(評判いまいちなのねw）
<img width="1352" alt="19.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/b1869496-ca67-2094-d752-41be26451038.png">
入手したい気持ちがあるので「入手」を押します
<img width="1352" alt="20.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/74328740-a426-a2e0-cee7-23d694870d2f.png">
ながー。記事をまとめる時間ができたと思ってダウンロード完了まで待ちます
<img width="1352" alt="21.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/d6a17fc8-4a1f-cf54-99e8-ce121e87608e.png">
ダウンロード完了、Xcode起動
![22.png](https://qiita-image-store.s3.amazonaws.com/0/243773/856ee79b-ac0d-92ca-5b8c-05172713aa22.png)
もちろん[Agree]ですよ。パスワードの入力を求められたので入力。ここはTouch　IDじゃないのね。。。
<img width="602" alt="23.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/ba5c2200-6ef0-01b0-5b92-c41ff0fb27a7.png">
なんかできたみたい
<img width="836" alt="26.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/e3a80021-f5a8-0a02-6b63-31d5c18a9085.png">

9. 拡張機能
C/C++とRunnnerってのをいれてみるといいみたい。
なにができるのかはほぼ謎
<img width="1136" alt="27.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/9070a989-3f6e-f2bc-31f2-9d4073a81967.png">
<img width="1136" alt="30.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/63fb4f78-0f76-6a12-7701-7ea170db0afd.png">
インストール完了して「再読み込み」をすると反映されるみたい

9. シェルを作る
まずはシェルを作るのかな
とりあえず適当なフォルダを作ってそこに置いてみます。
参考記事から丸パクリ

    ```shell:cpp.sh
    #!/bin/sh
    clang++ -o out $1
./out
    rm out
    ```

9. Runnerの設定
[Code > 基本設定 > 設定]
<img width="1440" alt="31.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/d3e3065c-f2a6-acaf-efc3-0088c79ce85d.png">
以下コードを[ユーザー設定]に追記

    ```"runner.languageMap": {
    "cpp" : "/Users/<ユーザー名>/Desktop/Visual Studio Code/sh/cpp.sh"
    }```
<img width="1440" alt="32.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/ee25d738-d85f-eb96-d7fa-a5855010209e.png">

9. ソースファイルの作成
やっとたどりつきました。[ファイル > 新規ファイル]
<img width="1440" alt="33.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/567ad818-f0d5-723b-9887-8041e1b6a562.png">
適当に名前をつけてはろーわーるどのソースをコピペ（どっかにおちてたやつ）
<img width="1440" alt="34.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/63663e1f-c382-ba8b-8b35-118821f72524.png">
実行。なんかショートカットキー使い方がいまいち分からなかったので右クリック「Run Code」で実行
特にエラーもなく出力されたっぽい
<img width="1440" alt="35.png" src="https://qiita-image-store.s3.amazonaws.com/0/243773/c7cdf29b-7584-4c5c-84a5-2af630949caf.png">

9. なんだかんだで
できたのかもしれない。今度はFlutterの開発環境構築したい。疲れました。

## 参考記事
https://gabekore.org/vscode-c-mac
https://qiita.com/dockurage/items/49e7295e7ff7458e26cd