VSCodeのインストール

  • インストールしてみよう!
  • Visual Studio Codeの日本語化!

今回は、Visual Studio Codeのインストールを行います。

Visual Studio Codeを使用する理由は利用率は非常に高いからです。
Visual Studio Codeは、シンプルな使い勝手ながら、拡張機能を追加することで多機能になり、コードを書くときに便利な機能やサポートが充実しているので、初心者からプロまで幅広く使用されています。

インストールしてみよう!

インストールの手順

  1. Visual Studio Codeのサイトにアクセスしてください。
    https://code.visualstudio.com/ URLからダウンロードしていただけます。

    「Download for Mac」をクリックしてください。

    画面が移動したら自動でダウンロードが始まり、[ダウンロード]フォルダにアプリがダウンロードされます。
  2. ダウンロードしたzipファイルを開いてください。(解凍する)
    先ほどダウンロードしたファイルをFinderの[ダウンロード]フォルダから開きます。

    「VSCode-darwin-universal.zip」をクリックしてください。

    「VSCode-darwin-universal.ziip」を解凍すると表示されます。
  3. Visual Studio Code を [アプリケーション] フォルダにドラッグ&ドロップします。

    「Visual Studio Code」をドラッグしてください。
    [アプリケーション] フォルダにドロップしてください。
  4. Finderの[アプリケーション]フォルダからVisual Studio Codeを開きます。

    「Visual Studio Code」をクリックしてください。

    上記のような画面が表示されると「Visual Studio Code」のインストールが完了となります。

Visual Studio Codeの日本語化!

日本語化の手順

  1. EXTENSIONS(拡張機能)から「Japanese Language Pack for Visual Studio Code」を検索します。
    Visual Studio Codeを起動し、EXTENSIONS(拡張機能)から「Japanese Language Pack for Visual Studio Code」を検索してください。

    サイドナビの「EXTENSIONS(拡張機能)」をクリックしてください。
    ショートコード:Shift⇧+ Command⌘ + X

    検索窓から「Japanese Language Pack for Visual Studio Code」を検索し、クリックしてください。
  2. 「install」ボタンをクリックし、日本語化を行なってください。

    「instal」ボタンをクリックしてください。

    「Change Language and Restart」ボタンをクリックし、Visual Studio Codeを再起動してください。

    再起動後、上記のような画面が表示されるとVisual Studio Codeが日本語に変更されていれば完了です。

以上が、Visual Studio Codeをインストールする手順及び、日本語化の手順となります。

次のステップで、「 Visual Studio Codeの基本操作」について説明していきます。

コーディング環境の準備

全 6 動画
  • コーディングとは?

    02:21
  • GoogleChromeのインストール

    01:42
  • VSCodeのインストール

    01:58
  • 会員限定VSCodeの基本操作

    03:20
  • 会員限定プロジェクトファイルの作成

    03:03
  • 会員限定推奨する環境設定

    02:06