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

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

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