29
49

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

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](https://qiita-image-store.s3.amazonaws.com/0/243773/46324b37-30bd-7787-e07e-44e94c9c2b23.png) ダウンロードしたこれを起動 08.png READMEみるとパッケージをインストールしろみたいなこと書いてるからこれをダブルクリック 09.png ん?怒られた 10.png あー右クリック「開く」ね。わかります 11.png 今度こそ開きます 12.png これはもう愚直に「続ける」を押していくあれですね。 13.png インストール先もデフォルトでいきます 14.png Touch IDを要求されたので仕方なく答えてあげます 15.png インストールは無事済んだようです 16.png インストーラをゴミ箱にいれますか?と聞いてきたので素直に「ゴミ箱に入れる」を押します 17.png
  1. たぶんできた
    特に気になることはなかったのかな?
18.png
  1. Xcodeもついでに導入
    お決まりのHello Worldを表示してみよう!
    C++とか全然使わないけどC++に挑戦だな(キリッ
    げ、先にgccのインストールが必要なのね。当たり前か。
    Xcodeをインストールするのが一番簡単そうかな?
    AppStoreでダウンロード(評判いまいちなのねw)
19.png 入手したい気持ちがあるので「入手」を押します 20.png ながー。記事をまとめる時間ができたと思ってダウンロード完了まで待ちます 21.png ダウンロード完了、Xcode起動 ![22.png](https://qiita-image-store.s3.amazonaws.com/0/243773/856ee79b-ac0d-92ca-5b8c-05172713aa22.png) もちろん[Agree]ですよ。パスワードの入力を求められたので入力。ここはTouch IDじゃないのね。。。 23.png なんかできたみたい 26.png
  1. 拡張機能
    C/C++とRunnnerってのをいれてみるといいみたい。
    なにができるのかはほぼ謎
27.png 30.png インストール完了して「再読み込み」をすると反映されるみたい
  1. シェルを作る
    まずはシェルを作るのかな
    とりあえず適当なフォルダを作ってそこに置いてみます。
    参考記事から丸パクリ

    cpp.sh
    #!/bin/sh
    clang++ -o out $1
    

./out
rm out
```

  1. Runnerの設定
    [Code > 基本設定 > 設定]
31.png 以下コードを[ユーザー設定]に追記
```"runner.languageMap": {
"cpp" : "/Users/<ユーザー名>/Desktop/Visual Studio Code/sh/cpp.sh"
}```
32.png
  1. ソースファイルの作成
    やっとたどりつきました。[ファイル > 新規ファイル]
33.png 適当に名前をつけてはろーわーるどのソースをコピペ(どっかにおちてたやつ) 34.png 実行。なんかショートカットキー使い方がいまいち分からなかったので右クリック「Run Code」で実行 特にエラーもなく出力されたっぽい 35.png
  1. なんだかんだで
    できたのかもしれない。今度は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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?