Django Girls and Boys 備忘録

Python、Selenium、Django、java、iPhoneアプリ、Excelマクロなどで気付いたこと、覚えておきたいことなどを載せていきます。

【Visual Studio Code(初心者向け)】Pythonで使用する場合に必要なダウンロード、インストール方法

 

比較的初心者にも取り組みやすい言語で機械学習人工知能、Webアプリケーション作成やスクレイピングなど幅広く使われており注目のプログラミング言語でもあるPythonを使用していくために必要なものとしてコードエディターがあります。

 

エディターにはいろいろなものがありますが、無料のものとしてかなり機能的に充実しているエディターであるVisual Studio CodePython用に使用していくための手順を順を追って説明していきます。

 

Visual Studio Codeは、単にコーディングするだけでなくデバッグ機能などが非常に充実しています。

 

 

 

目次

 

 

 

1.Visual Studio Codeのダウンロードとインストール

 

はじめに、Visual Studio Codeのダウンロードとインストールを行っていきます。

 

1.1.Visual Studio Codeのダウンロード

 

まずは、Visual Studio Codeのダウンロードからです。

以下のサイトにアクセスします。

 

https://code.visualstudio.com/

 

Visual Studio Codeのダウンロードサイト

Visual Studio Codeダウンロードサイト

画面左側のダウンロードボタン(Download for Windows)をクリックしてください。
Macの場合は、プルダウンメニューから Mac OSで種類を選択してクリックになります。

 

現在のダウンロードVer.は、1.64.2.0でした。

 

クリックすると、以下のような画面が表示されてダウンロードされます。

 

Visual Studio Codeのダウンロード完了画面

Visual Studio Codeのダウンロード完了画面

ダウンロードは以上で完了です。

 

1.2.Visual Studio Codeのインストール

 

ダウンロードが完了したらインストールになります。

 

ダウンロードしたファイルをダブルクックしてください。

ダブルクリックすると、インストーラが起動して以下のウインドウ画面が表示されます。

内容を確認して問題なければ「同意する」を選択して「次へ」をクリックしてます。

 

VisualStudioCodeインストール画面

VisualStudioCodeインストール画面

続いて、追加タスクの選択画面が表示されます。

初期状態では、「PATHへの追加」のみが選択されています。

問題なければそのまま「次へ」をクリックします。

 

VisualStudioCodeインストール追加タスク選択画面

VisualStudioCodeインストール追加タスク選択画面

最後にインストール準備完了画面が表示されます。

確認して「インストール」をクリックしてインストールを開始します。

VisualStudioCodeインストール準備完了画面

VisualStudioCodeインストール準備完了画面

 

完了したら完了画面が表示されますので「完了」をクリックするとインストール完了です。

中央の「VisualStudioCodeを実行する」にチェックが入っているとVisualStudioCodeが起動します。

 

VisualStudioCodeインストール完了画面

VisualStudioCodeインストール完了画面

 

 

2.Visual Studio Codeの画面表示の日本語化

 

 

Visual Studio Codeのダウンロードとインストールが終了したら次に行うのは画面表示の日本語化になります。

これが必要ない場合には飛ばしてもらって構いません。

 

それでは、日本語化について順に説明していきます。

 

2.1.日本語化拡張機能のインストール

 

Visual Studio Codeの初期画面としては、以下のようになっていると思います。

このようにVisual Studio Codeをインストールした当初は表記が英語表示になっていると思います。これを日本語表示にするための方法を記載していきます。

 

Visual Studio Code初期画面

Visual Studio Code初期画面

まずは、日本語化するための拡張機能をインストールします。

 

画面上部のメニューバーの「View」をクリックし、その中の「Command Palette…」を選択します。

 

【Visual Studio Code言語切替】View→Command Paletteの選択

Visual Studio Code言語切替】View→Command Paletteの選択

 

Command Paletteのキー入力エリアが表示されたら、そこに、「display」と打ち込みます(「」は打ち込まなくていいです)。

 

そうすると、その下に以下のように「Configure Display Language」と表示されますのでそれをクリックします。

この中の「Configure Display Language」を選択します。

 

【Visual Studio Code】display入力→Configure Display Language選択

Visual Studio Code】display入力→Configure Display Language選択

 

表示言語の選択状態となります。

元々インストール当初は、英語を表すenだけだと思います。

(以下の画面例は、すでに日本語化拡張機能が入っているPCのため日本語のjaも表示されています)

ここで新たに言語を追加する場合には一番下の「Install additional languages」を選択します。

 

【Visual Studio Code言語切替】表記言語選択

Visual Studio Code言語切替】表記言語選択

 

そうすると、以下のように新たにインストールする言語の拡張機能一覧が表示されます。

ここで、「Japanese Language Pack for Visual Studio Code」の中の「install」をクリックします。

 

【Visual Studio Code】日本語化拡張機能選択

Visual Studio Code】日本語化拡張機能選択

 

以下のように表示された日本語化用のインストール画面で画面上部の「install」をクリックします(以下の画面ではすでにインストール済のため「uninstall」と表示されていますがここが「install」と表示されているはずです)。

 

【Visual Studio Code】日本語化拡張機能インストール画面

Visual Studio Code】日本語化拡張機能インストール画面

 

そうすると、インストールが完了します。

 

2.2.再起動により日本語化

 

ここまでくればあとは、以下の画面のように右下に表示された「Changed Language and Restart」をクリックすることでVisual Studio Codeが再起動され、立ち上がりなおした後には日本語化されていると思います。

 

【Visual Studio Code】日本語化拡張機能言語変更再起動選択画面

Visual Studio Code】日本語化拡張機能言語変更再起動選択画面

 

 

3.Python拡張機能のインストール

 

Visual Studio CodePythonをコーディング、デバッグなどを行う場合にはPython拡張機能をインストールする必要があります。

 

そのためのインストール手順を順を追って説明していきます。

 

日本語化したVisual Studio Codeの初期画面としては、以下のようになっていると思います。

 

【Visual Studio Code】初期画面

Visual Studio Code】初期画面

 

 

拡張機能をインストールするためには、まず、画面上部のメニューバーの「表示」をクリックし、その中の「拡張機能」を選択します。

 

【Visual Studio Code】表示→拡張機能選択

Visual Studio Code】表示→拡張機能選択

 

拡張機能が画面左側に表示されたら、その中の上部の検索ボックス(「MarketPlaceで拡張機能を検索する」と表記してある箇所)に「Python」と打ち込みます。

 

絞り込んだ拡張機能の中の「Python」(通常は一覧の先頭に表示、項目の先頭にintelliSense(Pylance)と表示されている項目)の「インストール」ボタンをクリックします。

 

【Visual Studio Code】拡張機能一覧表示画面(Python入力)

Visual Studio Code拡張機能一覧表示画面(Python入力)

 

これによりPython拡張機能がインストールされます。

完了すると、以下のように先程クリックしたインストールボタンが設定アイコンになり、メインパネルに「無効にする」と「アンインストール」ボタンが表示されます。

 

これにより、Python拡張機能のインストールが完了したことがわかります。

 

【Visual Studio Code】Python拡張機能インストール完了画面

Visual Studio CodePython拡張機能インストール完了画面

 

以上が、Visual Studio CodePythonで使用する場合に必要なダウンロード、インストール方法になります。