Visual Studio Code のインストール

# Visual Studio Code を使う前に

　Visual Studio Code (以下、VSCodeと略します)を使うには、公式サイトからインストール用プログラムをダウンロードしてインストールします。そのあとで拡張機能を導入して使いやすくします。
　他の記事の都合上、インストール手順をここにまとめます。
　対象のOSはWindows10です。
　実施した時期の関係で、バージョンは1.63となっています。

## インストール

　まずは[公式サイト](https://azure.microsoft.com/ja-jp/products/visual-studio-code/)を開きます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/5628ee18-713f-cec2-d685-89a905b41fd4.png)

「今すぐダウンロード」ボタンをクリックするとダウンロード対象のOSを選択する画面となります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/54926b9c-b69a-57dd-932e-ef4c0822800b.png)

　Windowsのボタンをクリックするとダウンロードが始まります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/a90c4cc1-2e31-1782-973c-8e5df1c5946d.png)

　ダウンロードが終了したら「ファイルを開く」をクリックしてインストールを始めます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/bad4b0ea-c41d-3468-d2fc-c79163b1f3cd.png)

　ライセンス条項では「同意する」を選択して「次へ」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/e31c4ebf-631a-0e7e-02e2-2f318954882d.png)

　インストール先は変更しなくても良いのでそのまま「次へ」をクリックします。もちろんインストール先を変更しても構いません。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/ca5e64eb-261c-0c4a-fabd-18d76c93ffda.png)

　スタートフォルダの指定もそのまま「次へ」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/2d806a69-06d6-acf5-573c-a81008eced76.png)

　追加タスクの選択もそのまま「次へ」をクリックします。「PATHへの追加」にはチェックを付けた状態とします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/a3d79fe5-e516-11a6-6d08-346dafd308e3.png)

　インストール準備完了では「インストール」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/4112c0e1-8a8a-425b-5140-888d457b72db.png)

　インストールが終了するのを待ちます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/3beeac1e-0fc9-8dab-7b6b-0f4f139ed784.png)

　インストールが終了したら「完了」ボタンをクリックして終了します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/29739dbc-d94a-4334-b17b-d380415e1643.png)

## 拡張機能の導入

　ここではPythonを使うための拡張機能を導入します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/33c9dc88-7e68-282c-4ac0-444099003b10.png)

　日本語化されていないと右下に言語パックをインストールする旨が表示されるので「インストールして再起動」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/fa29acdf-ac1b-2504-ab1f-c03408f47242.png)

　これで日本語化されました。
　次にPython用の拡張機能を追加します。左端のアイコンの5番目にある拡張機能をクリックして表示される検索ボックスに「python」と入力します。すると、Python extension for Visual Studio Code が表示されるので「インストール」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/3c73b33f-b17f-0b26-8cac-de0578c2e12d.png)

# 操作方法

　作業フォルダを用意してそれをVSCodeで開き、その中にファイルを作成します。
　まず、フォルダを作成します。ここでは C:\ws\01 というフォルダを作成します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/6638aad9-47bb-0a40-11bd-8fa9ca1320b5.png)

　VSCodeを起動後、「フォルダーを開く」をクリックしてフォルダを選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/649a5616-26ce-79c2-6dcd-d72c422a77d2.png)

　「このフォルダー内のファイルの作成者を信頼しますか」と表示されるので「はい、作成者を信頼します」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/ef5eea1b-0123-c00f-dc99-f1f9a931ef7d.png)

　新しいファイルのアイコンをクリックして作成されたファイルにファイル名を入力します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/d7b03074-2239-07e6-6664-94b2bcc90d36.png)

　「print('Hello')」と入力して保存します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/09727396-8e48-fde8-5b63-ab74ba2a241e.png)

　メニューから「実行」「デバッグの開始」を選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/391b464e-e981-921e-cb2e-57ad59d8bfd3.png)

　「Python File」を選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/f0b8587d-95db-44fd-0c26-62610185c3df.png)

　ターミナルが開いてプログラムが実行されます。この場合は「Hello」が表示されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/f10812c2-c35f-8bf3-32fa-31ca193a2fd3.png)

 Pythonのプログラムを実行することができました。