LoginSignup
29
49

More than 5 years have passed since last update.

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

Posted at

経緯

なんかしたい、せっかくMacBookPro買ったんだし。そういうこと。

インストール

ここを見ながらとりあえずやってみる
https://code.visualstudio.com/docs/setup/setup-overview
[Macの手順はこちら]
https://code.visualstudio.com/docs/setup/mac

  1. まずはダウンロード
    mac版はここからダウンロードできるみたい
    ※アクセスしたらいきなりダウンロードがはじまる!
    https://code.visualstudio.com/docs?dv=osx
    01.png

  2. ダウンロードしてきたファイルをとりあえず解凍
    02.png
    ダブルクリックするだけで解凍できた。zipは標準でも解凍できるのね〜(無知)
    ついでに解凍した[Visual Studio Code.app]を起動!
    03.png
    なんかいきなり立ち上がった。ご丁寧に日本語化のフォローもしてくれたのでクリック
    04.png
    うわっ。すぐできた。
    Gitが見つかりませんとわがままを言ってるのでついでにダウンロード(あーギットねギット知ってるよ)
    05.png
    なんかよく分からんけどMac版Ver2.18.0をダウンロード
    06.png
    ダウンロードしたこれを起動
    08.png
    READMEみるとパッケージをインストールしろみたいなこと書いてるからこれをダブルクリック
    09.png
    ん?怒られた
    10.png
    あー右クリック「開く」ね。わかります
    11.png
    今度こそ開きます
    12.png
    これはもう愚直に「続ける」を押していくあれですね。
    13.png
    インストール先もデフォルトでいきます
    14.png
    Touch IDを要求されたので仕方なく答えてあげます
    15.png
    インストールは無事済んだようです
    16.png
    インストーラをゴミ箱にいれますか?と聞いてきたので素直に「ゴミ箱に入れる」を押します
    17.png

  3. たぶんできた
    特に気になることはなかったのかな?
    18.png

  4. Xcodeもついでに導入
    お決まりのHello Worldを表示してみよう!
    C++とか全然使わないけどC++に挑戦だな(キリッ
    げ、先にgccのインストールが必要なのね。当たり前か。
    Xcodeをインストールするのが一番簡単そうかな?
    AppStoreでダウンロード(評判いまいちなのねw)
    19.png
    入手したい気持ちがあるので「入手」を押します
    20.png
    ながー。記事をまとめる時間ができたと思ってダウンロード完了まで待ちます
    21.png
    ダウンロード完了、Xcode起動
    22.png
    もちろん[Agree]ですよ。パスワードの入力を求められたので入力。ここはTouch IDじゃないのね。。。
    23.png
    なんかできたみたい
    26.png

  5. 拡張機能
    C/C++とRunnnerってのをいれてみるといいみたい。
    なにができるのかはほぼ謎
    27.png
    30.png
    インストール完了して「再読み込み」をすると反映されるみたい

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

    cpp.sh
    #!/bin/sh
    clang++ -o out $1
    ./out
    rm out
    
  7. Runnerの設定
    [Code > 基本設定 > 設定]
    31.png
    以下コードを[ユーザー設定]に追記

    "runner.languageMap": {
    "cpp" : "/Users/<ユーザー名>/Desktop/Visual Studio Code/sh/cpp.sh"
    }

    32.png

  8. ソースファイルの作成
    やっとたどりつきました。[ファイル > 新規ファイル]
    33.png
    適当に名前をつけてはろーわーるどのソースをコピペ(どっかにおちてたやつ)
    34.png
    実行。なんかショートカットキー使い方がいまいち分からなかったので右クリック「Run Code」で実行
    特にエラーもなく出力されたっぽい
    35.png

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

参考記事

https://gabekore.org/vscode-c-mac
https://qiita.com/dockurage/items/49e7295e7ff7458e26cd

29
49
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
29
49