Visual Studio Code初心者がPythonの開発環境を構築するまで

#1. はじめに
Visual Studio Code(以下VSCode)の使い方が自分の中でイマイチな所があったので、今一度初心に戻って、足跡を残しながら勉強していきたいと思います。

#2. VSCodeのインストール
##2-1. インストーラのダウンロード
[Visual Studio](https://visualstudio.microsoft.com/ja/)
Visual Studioの総合サイトからVSCodeのインストーラをダウンロード
<img width="1280" alt="1-1.png" src="https://qiita-image-store.s3.amazonaws.com/0/254928/92a832ea-25aa-9f39-6826-2a7a1b1534e5.png">

##2-2. インストール
インストーラを起動
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/97eabc50-bdf8-2bf2-ef20-6288a3e2bded.png)

規約に同意
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/209606d1-6096-ff5e-7823-e3aa23793f93.png)

インストール先を指定
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/6b20f94a-1153-8f41-d215-ccaff7b5214c.png)

プログラムグループの指定
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/de4b4da9-e731-914e-a12e-827e908a7027.png)

追加タスクの選択
Codeで開くアクションは使いそうだったので選択しました。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/0df4fb26-14ba-e2ed-1ad6-2075edb772d9.png)

インストール
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/33535cef-c614-4308-40d3-6d4469e26a31.png)

完了
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/547dc6a2-3369-499d-c04d-2926c964ecdf.png)

#3. VSCodeの起動&初期設定
##3-1. 起動
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/85441283-981b-8511-c93c-a1ee6c7379b2.png)
初期画面にはリソースノートが表示されています(現地点2018/10 ver.1.28.2)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/341f63cf-91d9-f693-87ca-4f4e531f4f1d.png)
リソースノートを消すと、大まかなショートカットが表示されています。
**すべてのコマンドの表示**：`Ctrl+Shift+P`
**ファイルを開く**：`Ctrl+O`
**フォルダーを開く**：`Ctrl+K` `Ctrl+O`
**最近開いた項目**：`Ctrl+R`
**ターミナルの切り替え**：`Ctrl+@`

##3-2. 画面構成
<font color="DodgerBlue">**アクティビティバー**</font>  <font color="Red">**サイドバー**</font>  <font color="LimeGreen">**エディタ**</font>
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/5013f1cf-6893-bcce-0a42-06c03ef32631.png)

##3-3. テーマの変更
テーマの変更は、`ファイル`/`基本設定`/`配色テーマ`
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/e8918efc-ce83-b014-847f-a1ce2007c86a.png)

既存のテーマ以外に、他のテーマをインストールする事ができるみたいです。
ちなみに僕は断然ダークテーマ派です。

##3-4. 自動保存の設定
自動保存機能は、`ファイル`/`自動保存`にチェックをつければOK

#4. Pythonの開発環境の構築
##4-1. Pythonの拡張機能のインストール
アクティビティーバーの拡張機能`Ctrl+Shift+X`からPythonを検索
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/7ae15751-6915-4671-c30b-7425422065d1.png)

発行元がms-python.pythonである事を確認し、インストール
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/ebc02bed-f32a-9436-7f91-bd67cdfd919a.png)

##4-2. ソースファイル用のディレクトリの作成
僕は、以下のような階層でディレクトリを作成しました。

```
$ mkdir VisualStudioCode\Python
```

##4-3. ディレクトリの指定
VSCodeの`ファイル`/`ファイルを開く`から先ほど作成したディレクトリを指定
PYTHONというフォルダが表示されます
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/ab20f682-c024-44dc-5d8b-474ab72f2583.png)

##4-4. ワークスペースの指定
あくまでVSCodeはソースコードエディタなので、実行環境はこちらで用意する必要があります。僕はAnacondaを使っているので、それをワークスペースとして指定します。
Anacondaのインストールは[こちら](https://www.anaconda.com/)から

`python.exe`は以下にあるとします

```
C:/Users/(ユーザー名)/Anaconda3/python.exe
```

アクティビティバーの`デバック`/`構成の追加`/`python`を選択すると自動的に`launch.json`が作成されます
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/02cde9e1-2f49-df25-4562-92317b34ee37.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/50a028c9-f14a-aa05-5b7c-eb4c077026d3.png)
下部のバーにPython 3.7.0 64bitの表記が確認できると思います。

#5. 実際に動かしてみる
先ほど作成した`PYTHON`ファイルにカーソルを近づけると、`新しいファイルを作成`項目が表示されるのでテスト用の`test.py`を作成しました
![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/bf75ce5d-0153-0aa5-2025-ffe97b1dfdb9.png)

ひとまず世界に挨拶しておきましょう

```python:test.py
#First Python Coding at Visual Studio Code
print("Hello World")
```

![image.png](https://qiita-image-store.s3.amazonaws.com/0/254928/371f89d9-b454-1c3f-d358-e808b72fb25e.png)
デバッグコンソールに無事`Hello World`が表示されました。お疲れさまでした。