MacにVisualStudioCodeを導入して日本語化する

# 目的

- MacにVisualStudioCode(以下VScode)を導入し、日本語化するまでの手順を記載する

# 実施環境

- ハードウェア環境

| 項目 | 情報 | 備考 | 
| --- | --- | --- |
| OS | macOS Catalina(10.15.3) ||
| ハードウェア | MacBook  Air (11-inch ,2012) ||
| プロセッサ | 1.7 GHz デュアルコアIntel Core i5 ||
| メモリ | 8 GB 1600 MHz DDR3 ||
| グラフィックス | Intel HD Graphics 4000 1536 MB ||

# 前提条件

- MacOSが起動し任意のユーザにログインできる状態になっていること。

# 前提情報

- 特になし。

# 読後感

- MacOSのPCにVScodeを導入することができ、尚且つ導入したVScodeの日本語化が完了する。

# 概要

1. ダウンロード
1. インストール
1. 日本語化

# 詳細

1. ダウンロード
    1. 下記サイトにアクセスする。
        - [https://code.visualstudio.com/download](https://code.visualstudio.com/download)
    1. 矢印部分をクリックする。

        ![Download_Visual_Studio_Code_-_Mac__Linux__Windows.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/aedd3470-3c7b-eb63-2009-3aa665d8e7d9.png)

    1. ダウンロードが完了するまで待機する。

        ![Documentation_for_Visual_Studio_Code.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/3c49e1ca-bcfc-d29a-3c46-4ee284048efb.png)

    1. 「ダウンロード」ディレクトリにVScodeのzipファイルがダウンロードされていることを確認する。

        ![ダウンロード.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/8462359b-cfc3-2242-6ab4-1f037e23f013.png)

1. インストール
    1. 「ダウンロード」ディレクトリを開き、下記インストーラーファイルをダブルクリックする。

        ![ダウンロード.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/2430b511-6ee0-8a59-da9a-6d0a12e65c48.png)

    1. zip形式のインストーラファイルが展開されるので展開されたファイルをダブルクリックする。

        ![ダウンロード.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/9fa74c18-cee3-18d5-26ff-9391dc5ff090.png)

    1. 下記のウインドウが出たら「開く」をクリックする。

        ![空白_Skitch_キャンバス.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/ba0156cb-2e1a-7dcb-ba80-cff18e981cf4.png)

    1. 下記のウインドウが開くことを確認する。

        ![Welcome.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/85b1b57b-c1d2-0716-a89f-1c0fed1afef2.png)

    1. 「ダウンロード」ディレクトリにある「Visual Studio Code」ファイルを「アプリケーション」ディレクトリに移動する。

    ![ダウンロード.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/54f049ba-0cb8-345e-ed3a-0884cd4ae93d.png)

    1. 一旦VScodeのウインドウを閉じて、「ダウンロード」ディレクトリにある「Visual Studio Code」のアイコンをクリックする。

    1. VScodeが起動してくることを確認する。
1. 日本語化
    1. 下記リンクにアクセスする。
        - [Japanese Language Pack for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja)
    1. 「install」と書かれている部分をクリックする。

        ![Japanese_Language_Pack_for_Visual_Studio_Code_-_Visual_Studio_Marketplace.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/3421de5a-3312-771d-f3ff-ed59c281afdd.png)

    1. 下記のポップアップが出たら「Contenue」をクリックする。

        ![Japanese_Language_Pack_for_Visual_Studio_Code_-_Visual_Studio_Marketplace.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/9897c68d-7df6-f546-989a-8377e17c8bed.png)

    1. 下記のポップアップが出たら「Visual Sutidio Codeを開く」をクリックする。

        ![Visual_Studio_Code_を開きますか？_と_Japanese_Language_Pack_for_Visual_Studio_Code_-_Visual_Studio_Marketplace.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/d98dd574-3c9d-64b6-7cbf-b5f3de32e8a3.png)

    1. VScodeで下記のウインドウが開いたら「install」をクリックする。

        ![Extension__Japanese_Language_Pack_for_Visual_Studio_Code.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/d382693f-2463-1f57-413f-0f2a9bded5e4.png)

    1. 再起動を求められるので右下のポップアップの「Restart now」をクリックするか、VScodeのウインドウを直接閉じて再度VScodeを起動する。
    1. 下記のように日本語化されたVScodeのウインドウが開いたら作業完了である。

        ![ようこそ.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/6767f802-9d34-3afe-87ac-797dd2a9e2ca.png)