LoginSignup
1
2

More than 3 years have passed since last update.

Mac Visual Studio Code 導入方法 VSCode ダウンロードから日本語化対応まで~画像付き導入解説~

Posted at

目的

  • MacにVisual Studio Codeを導入する方法をまとめる

実施方法概要

  1. ダウンロード
  2. インストール
  3. 起動テスト
  4. 日本語化

実施方法詳細

  1. ダウンロード
    1. 下記リンク先にアクセスする。
    2. 「今すぐ無料でダウンロードする」をクリックする。
      スクリーンショット 2020-03-09 14.36.33.png
    3. 「Mac」をクリックする。
      スクリーンショット 2020-03-09 14.39.07.png
    4. ダウンロードが開始される。
      スクリーンショット 2020-03-09 14.37.51.png
  2. インストール
    1. ダウンロードフォルダを開く
    2. ダウンロードした「VSCode-darwin-stable.zip」を開く。
      スクリーンショット 2020-03-09 14.41.48.png
    3. ダウンロードフォルダに「Visual Studio Code」のアプリが現れる。
      スクリーンショット 2020-03-09 14.43.54.png
    4. ダウンロードフォルダの「Visual Studio Code」をアプリケーションフォルダに移動する。
      スクリーンショット 2020-03-09 14.45.31.png
  3. 起動テスト
    1. アプリケーションフォルダを開く。
    2. アプリケーションフォルダに存在する「Visual Studio Code」をクリックする。(起動時に悪質なソフトウェアかどうかを・・・というウインドウが出た方はこちら→Mac Visual Studio Code 導入時に「悪質なソフトウェアかどうかを・・・」と出た話)
      スクリーンショット 2020-03-09 14.47.08.png
    3. 下記のウインドウが開いた事を確認する。
      スクリーンショット 2020-03-09 14.55.02.png
  4. 日本語化
    1. 「Visual Studio Code」のアプリを起動する。
    2. 下記のウインドウが開く。
      スクリーンショット 2020-03-09 15.05.45.png
    3. Visual Studio Codeウインドウの左のバーの最下部のアイコン(ブロックが4個並んでいるアイコン)をクリックする。
    4. プラグインインストールのサイドバーが開く。
      スクリーンショット 2020-03-09 15.09.19.png
    5. 「Search Extensions in Marketplace」と記載されている検索ウインドウに「Japanese」と記入する。
      スクリーンショット 2020-03-09 15.58.33.png
    6. 検索結果の一番上にある「Japanene Language Pack for Visual Studio Code」の「Install」をクリックする。
      スクリーンショット 2020-03-09 16.00.18.png
    7. ウインドウの右下に下記のポップアップが出たら「Restart Now」をクリックす。
      スクリーンショット 2020-03-09 16.00.46.png
    8. 再起動したウインドウが日本語化されている事を確認する。
      スクリーンショット 2020-03-09 16.07.25.png
1
2
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
1
2