Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Visual Studio Codeをインストールしよう(Mac編) 2023/02/24 改訂版

Visual Studio Codeをインストールしよう(Mac編) 2023/02/24 改訂版

Visual Studio Codeのインストール手順を補足資料用に作成したものです

Ishimoto Tatsuya

January 10, 2023
Tweet

More Decks by Ishimoto Tatsuya

Other Decks in Technology

Transcript

  1. 日本仮想化技術株式会社
    VirtualTech.jp
    2023/01/10
    1
    Visual Studio Codeを
    インストールしよう(Mac編)
    2023/02/24 改訂版

    View Slide

  2. はじめに
    ● Visual Studio Codeを使用する方法は大きくWeb版とソフトウェア版の2つあります
    ● 本手順書ではソフトウェア版について説明しています
    ● インストールする方法はいくつかありますが、本手順書では以下の方法でインストールする方法
    を解説しています
    ○ ブラウザから(👉ブラウザ編のスライドを参照)
    ○ HomeBrewコマンドから(👉HomeBrew編のスライドを参照)
    2

    View Slide

  3. ブラウザ編
    3

    View Slide

  4. 手順
    1. Visual Studio Codeのページにアクセス
    a. https://code.visualstudio.com/download
    2. 使用している端末の環境に応じて選択してダウンロード
    a. Appleのロゴが表示されている下にあるボタンをクリック
    3. 左下のアイコンをクリックして起動
    4. 「アプリケーション」フォルダにアプリを移動
    5. Visual Studio Codeを起動
    6. 言語設定を日本語に変更(任意)
    7. エディタのテーマを変更
    8. チュートリアルを進める
    9. ウェルカムページの非表示
    4

    View Slide

  5. 5
    ダウンロード中
    ダウンロード完了

    View Slide

  6. 6
    展開が終わるまで待つ

    View Slide

  7. 7
    「アプリケーション」のディレクトリに移動

    View Slide

  8. 8
    ボタンをクリック

    View Slide

  9. 9
    日本語化が完了

    View Slide

  10. 10
    好きなテーマを選択

    View Slide

  11. 11
    ライトテーマに変更

    View Slide

  12. 12
    Visual Studio Codeのチュートリアルをこなすことで、
    エディタの理解度を高めることができます

    View Slide

  13. 13
    最初のチュートリアルをこなせたら
    ウェルカムページは、非表示がオススメです
    あとで設定から表示させることも可能

    View Slide

  14. HomeBrew編
    14

    View Slide

  15. ● macOSやLinux向けのパッケージ管理システムの1つ
    ● コマンドラインツール(CLI)を使用してソフトウェアをインストールやアップグレードなどがで
    きる
    ● HomeBrewのCLIツールを別でインストールする必要あり
    パッケージ管理システムとは:
    ○ ソフトウェアのインストール、アップデート、アンインストールなどを行うためのツール
    ○ 必要なライブラリや依存関係も自動的に解決し、インストールすることができる
    ○ アップデートやアンインストールも容易に行える
    インストール方法:
    ● 公式サイトの手順に従ってインストールします
    HomeBrewとは
    15

    View Slide

  16. 次のコマンドを実行してインストールできます
    ● 『brew install --cask visual-studio-code』
    実行方法
    16

    View Slide

  17. おわり
    17

    View Slide