Visual Studio Code で Python のプログラムを作る

# Python も簡単、VScode があれば

　Visual Studio Code (以下VScode)は拡張機能によってさまざまなプログラム言語に対応します。Python も Python extention for Visual Stodio Code を使うとインテリセンスが使えるのでコード入力が楽になります。

　VScodeのインストール方法は以下を参照して下さい。

https://qiita.com/cmssai/items/cde9080e32b7dfd75030

## 作業用のフォルダを作る

　まず作業用のフォルダを作ります。ここでは Cドライブ のworkフォルダに pj1フォルダを作って作業することにします。フォルダはエクスプローラーであらかじめ作成しておきます。

![vscode01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/e9976349-3edc-7a7c-8e86-a9b6187a20ce.png)

## 作業用のフォルダを開く

　VScodeを起動し、メニューバーから「ファイル」ー「フォルダーを開く」でwork\pj1フォルダを開きます。

![vscode02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/73a10bd4-8e2b-55d0-bf59-c53ce802762f.png)

![vscode03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/2d4d79db-b7f4-2ae3-f82e-57f925fd4b8a.png)

![vscode04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/2b2c3b7f-1fc2-af7c-885d-57b44d70de09.png)

## 仮想環境を作成する

　仮想環境を作成して作業します。
　ターミナルが表示されていない場合は、メニューバーから「表示」－「ターミナル」でターミナルを開きます。

![vscode05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/6e66d811-47cd-9e1d-bb29-60a2bfdb442f.png)

　ターミナル上で「python -m venv venv」と入力します。最後の「venv」はフォルダ名なので別の名前にしても構いません。

![vscode06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/c671088f-57cf-8db2-c8ea-62f692c56ec6.png)

　コマンドを実行すると新しく仮想環境用のフォルダが作られます。画面左側に表示されているエクスプローラーにvenvというフォルダが表示されます。

## 仮想環境を立ち上げる

　仮想環境でプログラムを動かすためターミナルで「.\venv\Scripts\activate」を実行します。一度実行するとプロンプトの先頭に「(venv)」が表示されます。

![vscode07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/4da84100-5fbd-597f-71b0-d6dbc808d455.png)

## プログラム用のフォルダを作成する

　作成するプログラムのためのフォルダを作成します。
　サイドバーの最上段にあるエクスプローラーのアイコンをクリックしてエクスプローラーを表示します。最初から表示されている時は、この操作は必要ありません

![vscode08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/3625c85a-c5a3-d978-0e75-f01490d4f546.png)

pj1フォルダにマウスカーソルを持って行ったとき右側に表示されるアイコンの左から2番目、「新しいフォルダー」をクリックして

![vscode09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/d436738d-d865-ca6c-4311-fb46a3bfedf3.png)

新しいフォルダーを作成して名前をappとします。この名前は別の名前でも構いません。
　以降、プログラムのソースファイルはこの中に作ります。

![vscode10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/a4c079c4-2211-a665-f28b-59bae0bb3dd0.png)

## プログラムを書く

　エクスプローラーのappフォルダをクリックした後、pj1フォルダの右にあるアイコンの左端、「新しいファイル」をクリックして新しいファイルを作成します。

![vscode11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/c18af0f7-1c16-7907-0dac-f167aca0cb75.png)

名前をhello.pyとしておきます。この名前も何でも良いのですが、拡張子は.pyとして下さい。

![vscode12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/e132a1b1-13b1-a086-511a-44f6bfc269db.png)

　プログラムは「print('Hello')」です。

![vscode13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/7e5fd8f1-8e93-36d8-922e-ee604b0013dc.png)

## プログラムを実行する

　メニューバーから「実行」－「デバッグなしで実行」とするとプログラムを実行できます。

![vscode14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/bb2cf004-a4ce-f377-961f-c19ce6afebee.png)

今回はターミナルに「Hello」が表示されます。

![vscode15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/211906/56c67055-6217-40fe-5f57-68b5cf46db9b.png)

　プログラムのデバッグには「実行」ー「デバッグの開始」としますが、細かいところはここでは説明しません。

## Pythonプログラムを作って動作確認する

　以上がVScodeでPythonのプログラムを作成して実行する手順となります。
　ライブラリを使う場合は仮想環境でpip installを行います。
　一度作成したフォルダを再度開くときは以下の手順となります。

1. VScodeを立ち上げる
1. 作業用のフォルダを開く
1. 仮想環境を立ち上げる
1. コードを入力する
1. 実行する
1. 以下4と5の繰り返し

　以上、VScodeを使ったPythonプログラムの作り方でした。