Python超入門　仮想環境構築の手順


## デスクトップにフォルダを作成

デスクトップに「test」というフォルダを作りましょう。

## VSCodeで作成したフォルダを開く

VSCodeを開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/10dfaf5e-5587-d17f-e4b7-28a368906b4e.png)
「ファイル→フォルダを開く」で先ほどデスクトップに作成した「test」フォルダを開きましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/08ae6b08-4b1e-9e4c-46ca-c7786e7c2317.png)
これで開けました。

## 設定ファイルを作成

settings.jsonを作成し、常に同じ設定(環境)でプログラムをかけるようにしましょう！


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/d13557ad-725a-edd2-c427-d2c74e2407e1.png)
フォルダ作成ボタンを押して`.vscode`という名前のフォルダを作ります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/fd617090-cadd-c50a-0f2b-eede6261bf25.png)
`.vscode`のフォルダを選択した状態でファイル作成ボタンを押します。
`settings.json`というファイルを作成します。

```settings.json
{
  "[python]": {
    "editor.formatOnSave": true,
    "editor.formatOnPaste": false,
    "editor.formatOnType": false,
    "editor.codeActionsOnSave": {
      "source.organizeImports": true
    },
    "files.trimFinalNewlines": true,
    "files.insertFinalNewline": true,
  },
  "python.venvPath": "${workspaceFolder}/.venv",
  "python.pythonPath": "${workspaceFolder}/.venv/Scripts/python",
  "python.linting.enabled": true,
  "python.linting.pylintEnabled": false,
  "python.linting.lintOnSave": true,
  "python.formatting.provider": "black",
  "python.linting.flake8Enabled": true,
  "python.linting.flake8Args": [
    "--max-line-length",
    "88",
  ],
  "python.languageServer": "Pylance",
  "python.analysis.typeCheckingMode": "basic",
  "python.analysis.diagnosticSeverityOverrides": {
    "reportMissingImports": "none",
    "reportOptionalMemberAccess": "none",
  }
}
```

↑のコードを`settings.json`の中身をコピペし保存(Ctrl+s又はcommand+s)します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/5afe3d86-2fa4-363d-a996-9e10fd988d16.png)
こんな感じになりましたか？
次回他のプロジェクトをするときは`.vscode`フォルダをプロジェクトフォルダにコピペすればOKです。

### 何をしているか

コードチェッカーにflake8、自動整形ツールにblack、アノテーションの型チェックにPylanceを使うように設定しています。
保存時、自動でコード整形をしてくれたり、半角スペースを空けてコードを見やすくしてくれたりする設定です。
これを作っておくことでVSCode側の設定をいじらなくても毎プロジェクトで同じ設定が共有できます。
もちろんsettings.jsonはgithubに上げましょう。
仮にチーム開発するときや、ご自分のPCが変わったなんてことがあっても`.vscode/settings.json`で設定していれば、同じ環境でプログラミングすることができます。

## 仮想環境構築

仮想環境を作りましょう。

https://qiita.com/disk131/items/64fc3f0f04d268cd8da1

こちらで最後に**alias**を設定したと思います。
まだの人は行ってください。

VSCodeのターミナルを開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/b41afca2-e56c-ec68-a00e-a64ad13e31b9.png)
開いたら「ターミナル」のタブになっていることを確認します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/f6803987-7784-b1d2-b6cd-efff6299365c.png)
`pvenv`と入力すれば、`python -m venv .venv`のコマンドの省略になります。
**仮想環境を作成するコマンドです。**
これでエンターを押しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/627200d4-e360-505d-0915-ff9511facdc0.png)
`.venv`というフォルダが作成されましたか？
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/ae5125ef-8de6-5afd-9997-faa5b21c7229.png)
次に`venv`と入力します。
これはWindowsでは`source .venv/Scripts/Activate`、Macでは`source .venv/bin/activate`と入力したことになります。
**仮想環境の中に入るというコマンドです。**
これでエンターを押します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/9e10edd8-c17e-c964-82d2-a6d846bb94b3.png)
`(.venv)`と上か左側に表示されましたか？
されていれば仮想環境上にいることになります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/7cde5074-d775-c164-c143-bb88b641652b.png)
適当にクリックし、「test」フォルダが選択されている状態で、ファイル作成ボタンをクリックします。
そして、`test.py`を作成しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/c25695c9-86a3-4ab7-a1e6-82a64f3b1c95.png)
こういう状態です。
右下にこんなものは出てきませんか？
これはsettings.jsonでflake8(自動コードレビュー機能ライブラリ)を使うと設定しているのでインストールを促されています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/fe3f9ee8-bcae-4693-8b62-52527530688f.png)
**(.venv)となっていることを確認し、「Yes」でInstallを押しましょう**
このインストールは一番最初だけです。
(.venv)がついていない状態でインストールするとパソコンの環境にインストールされてしまいます。

支障はないですが、pythonをやるときは、必ず仮想環境上で行います。
ですので、ライブラリをインストールするときは必ず(.venv)がついているかどうか確認してからインストールしましょう。

## いよいよプログラミングをしていきます！

## print文

**printはターミナルに表示するメソッドです。**

test.pyに

```python
print("test")
```

と入力し保存(Ctrl+s又はcommand+s)しましょう。

================すみません！環境設定はさみます！======================

保存したときに右下に↓図が表示されましたか？
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/a5e19c26-1655-9172-868c-86550784c44b.png)
こちら**「Yes」でインストールしましょう**。
settings.jsonでblack(自動整形ライブラリ)を使うと設定しているのでインストールを促されています。
このインストールは一番最初だけです。
===========================ここまで==================================

プログラムを動かしてみましょう。
ターミナルで

```sh
$ python test.py
```

とコマンドを打ちエンターを押します。
するとプログラムが実行されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/437ce6ec-0a9e-94af-19cc-e3f79ed3f3bb.png)
「test」と表示されればOKです！