anacondaを使ってDjango環境を作り、VSCodeで操作する

こんにちは。
株式会社クラスアクト インフラストラクチャ事業部の大塚です。

今回はanacondaを使ってDjango環境を構築。
さらにその環境に対してVSCodeでアクセス・操作していきたいと思います。
※anacondaおよびVSCodeのインストール手順等は省いています。インストールするだけなので、難しくはないかと思います。

# 構築
## anacondaを使ってDjango環境を作る
まず、anaconda navigatorを起動します。
![image16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/180f4329-54a2-2da3-8a68-3a67711aa186.png)
Django用の開発環境を作っていきます。
EnvironmentsのCreateを押下します。
※おそらくですが、pythonのvenvをやるイメージでいいかと思います。
![image17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/49da1b2b-c814-4ab2-b2b5-970c04cb3da8.png)
環境名をDjangoEnvとし、Pythonのバージョンを3.11.5としました。
![image18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/a0e59e1e-571f-04ec-8d8c-ebf9ae5061a2.png)
以下のように環境が作成されていることを確認します。
![image19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/ea41f054-68d2-ac5d-8a32-88aa1408371c.png)
環境名の右に表示されている再生ボタンを押下すると、以下のように選択肢が表示されます。
Open Terminalを押下します。
![image20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/c3b88e01-31e0-0f0c-5012-ecc6db92f86a.png)
するとCMDが起動します。
![image21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/7432040d-6dc9-0747-0ac9-52bb8634d3ec.png)
conda install djangoコマンドを実行し、Djangoをインストールします。
![image22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/08c78610-9428-0541-3fc3-80c75b984fd0.png)
今回はローカルPCのユーザ名配下のDocumentsフォルダに専用のフォルダを作成し、そこにDjango開発関連のファイルやconfigを格納していきたいと思います。
![image23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/43c4296a-8207-7df9-6106-0175e7b89eb5.png)
CMDで作成したフォルダに移動し、django-admin startprojectでDjangoのProjectを作成しました。
![image24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/d5e17d3f-d91c-0d11-d3ac-8fbbea112010.png)
作成出来ていそうです。
![image25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/2d8b388c-caf6-e687-2db9-fbed70a9c213.png)

## VSCodeでDjango開発環境にアクセスする
anaconda navigatorを起動。開発環境が先ほど作成した環境になっていることを確認し、VSCodeをLaunchします。
※事前にPCにVSCodeをインストールする必要あります。
![image26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/9b514fa9-f204-1e72-ccfe-d02e0b081f64.png)
VSCode上でDjangoのProjectを作成したフォルダに移動します。
Ctrl + @を実行すると、VSCode上でPowershellを呼び出すことが出来ます。
![image27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/5f1ce17f-7eb4-c49f-48fc-05bfc76f64a1.png)
manage.pyを実行してappを作成します。今回はtestAppとしました。
![image28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/d23b5316-e71e-2933-402d-7b01b948e452.png)

※プロンプトのところに(DjangoEnv)という記載がないので、venv的な環境で構築できているのかなぁと少し不安だったのですが、
　おそらくanaconda navigatorからvscodeを起動している時点で、勝手にそのあたりの設定をしてくれているのかなぁと思いました。
　以下はanaconda navigatorを介した環境でのdjango-adminコマンドの実行結果と、ローカルのPCからCMDおよびPowershellを直接呼び出してdjango-adminコマンドを実行した結果を示しますが、
　出力結果が違います。直接CMDとPowershellを呼び出したほうはそもそもそんなコマンドはないと怒られていますね。
 ![image29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/6e1001db-e7bb-d0ca-db08-8f74fbd36b74.png)

runserverをしてみます。
![image30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/50809b1d-d265-0aca-67ff-ac9c55e465e0.png)
いけました。
これでanacondaで作ったdjango開発環境に対して、VSCodeを介して開発が出来そうです。
![image31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3219385/28e69b55-419b-eb0b-a215-b7d455b1a9db.png)