このエントリーをはてなブックマークに追加 にほんブログ村 IT技術ブログへ
にほんブログ村
目次

はじめに

Visual Studio Codeは、Microsoftが提供している無料で軽量、かつ強力なコードエディタです。
ここでは、Visual Studio Codeというマイクロソフトが無償提供している優秀なコードエディタのインストールと日本語化の方法を紹介します。
 

Visual Studio Codeとは

Visual Studio Codeは、マイクロソフトが提供している強力かつ軽量なコードエディタです。
このコードエディタは、非常に多くのプログラム言語に対応しており、また、各種のプラグインなどを自由に組み込んで、自分だけの開発環境を作ることができるものです。
コード補完機能やデバック機能やリファクタリング機能など、プログラマにとっては無くてはならない機能が無償(オープンソース)で利用できます。

Visual Studio Code コードエディタ
https://azure.microsoft.com/ja-jp/products/visual-studio-code/
 

Visual Studio Codeのダウンロード

Visual Studio Codeは、以下のサイトからダウンロードできます。
ここでは、Windows環境で使用することを前提として、Windows用をダウンロードします。

https://visualstudio.microsoft.com/ja/
https://code.visualstudio.com/download/
→Windows用ダウンロード
 

Visual Studio Codeのインストール

Visual Studio Codeのインストールは、ダウンロードしたファイルを実行するだけです。
2019年3月26日時点では、最新版は「VSCodeUserSetup-x64-1.32.3.exe」でした。

まずはじめに、「VSCodeUserSetup-x64-1.32.3.exe」を実行します。
次へ(N)をクリックします。
ins01.png

 

「同意する」を選択し、次へ(N)をクリックします。
ins02.png

 

インストール先のフォルダを指定して次へ(N)をクリックします。
ins03.png

 

次へ(N)をクリックします。
ins04.png

 

好みに応じてチェックを付けて次へ(N)をクリックします。
ins05.png
個人的には、全部にチェックを付けることをお勧めします。

 

インストール(I)をクリックします。
ins06.png

 

完了(F)をクリックしてインストールは完了します。
ins07.png


インストール後の起動時にはブラウザが起動され、以下のページが表示されます。
すぐにPythonの拡張モジュールをインストールできますが、ここでは、先にVisual Studio Codeの日本語化をすることにします。
ins08.png

 

起動時のVisual Studio Code
 (日本語化されていない)
ins08_0.png


Visual Studio Codeの日本語化

インストール直後のVisual Studio Codeは、日本語化されていないので、これから日本語化していきます。

日本語化するためには、まずはここ(赤枠)をクリックします。
ins08_1.png

 

左上部の入力欄に「Japanese Language Pack for Visual Studio Code」と入力し、「Japanese Language Pack for Visual Studio Code」のところのインストールボタンをクリックします。
ins08_3.png

 

「Restart Now」をクリックして再起動します。
ins08_4.png

 

再起動後は日本語化されました。
ins08_5.png

まとめ

今回は、Visual Studio Codeのインストールと日本語化の方法を紹介しました。
Visual Studio Codeは、軽量かつ強力なコードエディターです。
多くのプログラム言語に対応し、拡張機能も多彩な反面、設定が少々難しいのですが、プロ向きのツールということで、自分専用の開発環境として育てることができます。
これからもVisual Studio Codeについて、悩ましい設定などの手助けになるような情報を提供していこうと考えています。

関連記事
s-py.png

(8)Pythonの仮想環境をバージョン指定で切り替える

2021/03/05 13:48
Anacondaの有償化の対策として、Windows上での複数のPythonのバージョンの仮想環境の作成方法を紹介します。 この方法により、Anacondaほどではありませんが、自分の作ったテンプレート的な仮想環境を使いまわすことが可能になります。
visual-studio-code-word.png

Visual Studio Codeでソフトウェア設計書(Word文書)を書く環境を作る(PlantUMLによる作図1)

2019/05/30 11:02
Visual Studio Code(VSCode)でMarkdown Preview EnhancedとPlantUMLを使ってテキストだけでWord形式の文書を生成する方法を練習してみます。
visual-studio-code-word.png

Visual Studio Codeでソフトウェア設計書(Word文書)を書く環境を作る(設計書のテンプレートを作る)

2019/05/25 17:06
Visual Studio Code(VSCode)でMarkdown Preview EnhancedとPlantUMLを使ってテキストだけでWord形式のソフトウェア設計書を実際に生成します。
visual-studio-code-word.png

Visual Studio Codeでソフトウェア設計書(Word文書)を書く環境を作る(環境構築2)

2019/05/21 17:58
Visual Studio Code(VSCode)でMarkdown Preview EnhancedとPlantUMLを使ってテキストだけでWord形式文書を生成するために必要な拡張機能のインストール方法と設定を紹介します。
visual-studio-code-word.png

Visual Studio Codeでソフトウェア設計書(Word文書)を書く環境を作る(環境構築1)

2019/05/20 23:54
Visual Studio Code(VSCode)でMarkdown Preview EnhancedとPlantUMLを使ってテキストだけでWord形式文書を生成するために必要なソフトウェアのインストール方法を紹介します。
visual-studio-code-word.png

Visual Studio Codeでソフトウェア設計書(Word文書)を書く環境を作る(概要)

2019/05/18 23:43
Visual Studio Code(VSCode)でMarkdown Preview EnhancedとPlantUMLを使ってテキストだけでWord形式文書を生成するために必要なソフトウェアを紹介します。
visual-studio-code.png

Visual Studio CodeでProxy(認証あり)を設定する方法

2019/05/17 1:51
Visual Studio Code (VSCode)で認証のあるProxyを設定する方法を紹介します。
visual-studio-code.png

(7)Visual Studio CodeでAnacondaの仮想環境を割り当てる

2019/03/26 23:02
Pythonによるソフトウェア開発を行うにあたって、コードエディタは必須のアイテムです。 今回は、マイクロソフトが提供しているVisual Studio…