文系Webエンジニアの技術メモとたまに旅のメモ

未経験文系エンジニアとして働いてます。アウトプットとして簡単に技術メモを残していきます。たまに旅関係のも趣味で残していこうと思ってます。

【VSCode】インストールから拡張機能の日本語化対応!Mac

Visual Studio Code とは 

Visual Studio Codeは通称VSCodeと呼ばれ、Microsoftが開発した無料で提供されているソースコードエディタです。

主に、HTML, CSS, PHP, JavaScript, SQL を記述する際に使用してます。(個人的に)

VSCodeマルチプラットフォームなのでWindowsMacOSLinuxのいずれの環境にもインストールできます。

今回は、MacOSVSCodeをインストールする手順を書いていきます。

 

Visual Studio Code をダウンロード・インストール

こちらのサイトから、Mac版のVSCodeをダウンロードします。

https://code.visualstudio.com/  

「Download for Mac」をクリックします。

VSCodeダウンロード画面

クリックするとダウンロードされるので、ダウンロードした「VSCode-darwin-stable.zip」を開きます。

f:id:igarashi44:20200618022626p:plain

zipを展開すると、Finder > ダウンロードに「Visual Studio Code.app」があるので、そちらをダブルクリックします。

 ※ダウンロードに無い場合は、Finder > アプリケーションに入っているかもしれません。

f:id:igarashi44:20200618022905p:plain

開いていいか確認があるので「開く」をクリックします。

f:id:igarashi44:20200618023144p:plain

VSCodeが立ち上がり、Microsoftにデータを送りたく無い場合は、右下のメッセージは「x」を押して消しましょう。

f:id:igarashi44:20200618024152p:plain

これで、VSCodeのダウンロード・インストールは完了です。

 

拡張機能の追加 (日本語化対応)

VSCodeには様々な拡張機能を簡単に追加する事ができますので、

便利は拡張機能を追加して見ましょう。

 

拡張機能の検索は、左サイドバナーの四角が複数並んでいるアイコンをクリックします。

f:id:igarashi44:20200618024858p:plain

検索フォームが表示されるので、「Japanese Language Pack」と入力します。

入力すると検索結果が表示されるので、1番上に表示されている「Japanese Language Pack for Visual Studio Code」をクリックします。

f:id:igarashi44:20200618025348p:plain

「Japanese Language Pack for Visual Studio Code」の詳細が表示されるので内容を確認し、「Install」をクリックします。

f:id:igarashi44:20200618030152p:plain

英語から日本語に変更するには、再起動が必要なので、右下の「Restart Now」をクリックしVSCodeを再起動します。

f:id:igarashi44:20200618025706p:plain

VSCodeの再起動が終わると、今まで英語だった内容が日本語に翻訳されています。

f:id:igarashi44:20200618025918p:plain

 

これでVSCodeのインストールから日本語化対応まで終わりです!

便利な拡張機能が多数あるので、今回の日本語化対応を参考にいろんな拡張機能を追加して見ましょう!

 

ブログランキングに参加してます!

もしよければクリックをよろしくお願いします。

 

にほんブログ村 IT技術ブログ Webエンジニアへ
にほんブログ村